1.1.0 release

.gitignore

@@ -44,3 +44,4 @@ app.*.map.json
 /android/app/debug
 /android/app/profile
 /android/app/release
+.fvm/

lib/base/base_state_widget.dart

@@ -29,7 +29,7 @@ class _BaseStateWidgetState<T extends BaseViewModel> extends ConsumerState<BaseS
   Widget build(BuildContext context) {
     var viewModel = ref.watch<T>(widget.model);
     if (viewModel.failedToast != null) {
-      WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
+      WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
         (viewModel.failedToast ?? "").toast();
         viewModel.clearToast();
       });
@@ -72,7 +72,7 @@ class _BaseStateWidgetState<T extends BaseViewModel> extends ConsumerState<BaseS
   @override
   void initState() {
     super.initState();
-    WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
+    WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
       if (widget.onReady != null && !widget.lazyLoad) {
         widget.onReady!(ref.read<T>(widget.model));
       }

lib/base/routes.dart

@@ -58,92 +58,92 @@ class Routes {
           return MaterialPageRoute(builder: (context) => const LoginPage());
         }
       case routeChangeAccount:
-        return CupertinoPageRoute(
+        return MaterialPageRoute(
           builder: (context) => const ChangeAccountPage(),
         );
       case routeAddTask:
         if (settings.arguments != null) {
-          return CupertinoPageRoute(
+          return MaterialPageRoute(
               builder: (context) => AddTaskPage(
                     taskBean: settings.arguments as TaskBean,
                   ));
         } else {
-          return CupertinoPageRoute(builder: (context) => const AddTaskPage());
+          return MaterialPageRoute(builder: (context) => const AddTaskPage());
         }
       case routeAddDependency:
-        return CupertinoPageRoute(builder: (context) => const AddDependencyPage());
+        return MaterialPageRoute(builder: (context) => const AddDependencyPage());
       case routeAddEnv:
         if (settings.arguments != null) {
-          return CupertinoPageRoute(
+          return MaterialPageRoute(
               builder: (context) => AddEnvPage(
                     envBean: settings.arguments as EnvBean,
                   ));
         } else {
-          return CupertinoPageRoute(builder: (context) => const AddEnvPage());
+          return MaterialPageRoute(builder: (context) => const AddEnvPage());
         }
       case routeConfigEdit:
-        return CupertinoPageRoute(
+        return MaterialPageRoute(
           builder: (context) => ConfigEditPage(
             (settings.arguments as Map)["title"],
             (settings.arguments as Map)["content"],
           ),
         );
       case routeLoginLog:
-        return CupertinoPageRoute(
+        return MaterialPageRoute(
           builder: (context) => const LoginLogPage(),
         );
       case routeTaskLog:
-        return CupertinoPageRoute(
+        return MaterialPageRoute(
           builder: (context) => const TaskLogPage(),
         );
       case routeScript:
-        return CupertinoPageRoute(
+        return MaterialPageRoute(
           builder: (context) => const ScriptPage(),
         );
       case routeDependency:
-        return CupertinoPageRoute(
+        return MaterialPageRoute(
           builder: (context) => const DependencyPage(),
         );
       case routeTaskLogDetail:
-        return CupertinoPageRoute(
+        return MaterialPageRoute(
           builder: (context) => TaskLogDetailPage(
             title: (settings.arguments as Map)['title'],
             path: (settings.arguments as Map)['path'],
           ),
         );
       case routeScriptDetail:
-        return CupertinoPageRoute(
+        return MaterialPageRoute(
           builder: (context) => ScriptDetailPage(
             title: (settings.arguments as Map)["title"],
             path: (settings.arguments as Map)["path"],
           ),
         );
       case routeTaskDetail:
-        return CupertinoPageRoute(
+        return MaterialPageRoute(
           builder: (context) => TaskDetailPage(
             settings.arguments as TaskBean,
           ),
         );
       case routeEnvDetail:
-        return CupertinoPageRoute(
+        return MaterialPageRoute(
           builder: (context) => EnvDetailPage(
             settings.arguments as EnvBean,
           ),
         );
       case routeUpdatePassword:
-        return CupertinoPageRoute(
+        return MaterialPageRoute(
           builder: (context) => const UpdatePasswordPage(),
         );
       case routeAbout:
-        return CupertinoPageRoute(
+        return MaterialPageRoute(
           builder: (context) => const AboutPage(),
         );
       case routeTheme:
-        return CupertinoPageRoute(
+        return MaterialPageRoute(
           builder: (context) => const ThemePage(),
         );
       case routeScriptUpdate:
-        return CupertinoPageRoute(
+        return MaterialPageRoute(
           builder: (context) => ScriptEditPage(
             (settings.arguments as Map)["title"],
             (settings.arguments as Map)["path"],

lib/base/theme.dart

@@ -24,7 +24,7 @@ class ThemeViewModel extends ChangeNotifier {
   ThemeViewModel() {
     _primaryColor = Color(getIt<UserInfoViewModel>().primaryColor);
     primaryColor = Color(getIt<UserInfoViewModel>().primaryColor);
-    var brightness = SchedulerBinding.instance!.window.platformBrightness;
+    var brightness = SchedulerBinding.instance.window.platformBrightness;
     _isInDarkMode = brightness == Brightness.dark;
     changeThemeReal(_isInDarkMode, false);
   }

lib/base/ui/lazy_load_state.dart

@@ -6,7 +6,7 @@ mixin LazyLoadState<T extends StatefulWidget> on State<T> {
   @override
   void initState() {
     super.initState();
-    WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
+    WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
       var route = ModalRoute.of(context);
       void handler(status) {
         if (status == AnimationStatus.completed) {

lib/main.dart

@@ -62,7 +62,7 @@ class QlAppState extends ConsumerState<QlApp> {
         FocusScope.of(context).requestFocus(FocusNode());
       },
       child: MediaQuery(
-        data: MediaQueryData.fromWindow(WidgetsBinding.instance!.window).copyWith(
+        data: MediaQueryData.fromWindow(WidgetsBinding.instance.window).copyWith(
           textScaleFactor: 1,
         ),
         child: MaterialApp(

lib/module/config/config_edit_page.dart

@@ -33,7 +33,7 @@ class _ConfigEditPageState extends ConsumerState<ConfigEditPage> {
 
     super.initState();
 
-    WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
+    WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
       focusNode.requestFocus();
     });
   }

lib/module/config/config_page.dart

@@ -121,6 +121,7 @@ class _CodeWidgetState extends State<CodeWidget>
     with AutomaticKeepAliveClientMixin {
   @override
   Widget build(BuildContext context) {
+    super.build(context);
     return SelectableText.rich(
       TextSpan(
         style: GoogleFonts.droidSansMono(fontSize: 14).apply(

lib/module/env/add_env_page.dart

@@ -35,7 +35,7 @@ class _AddEnvPageState extends ConsumerState<AddEnvPage> {
     } else {
       envBean = EnvBean();
     }
-    WidgetsBinding.instance?.addPostFrameCallback(
+    WidgetsBinding.instance.addPostFrameCallback(
       (timeStamp) {
         focusNode.requestFocus();
       },

lib/module/home/home_page.dart

@@ -44,7 +44,7 @@ class _HomePageState extends ConsumerState<HomePage>
     initTitles();
     _title = titles[0].title;
     super.initState();
-    WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
+    WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
       getSystemBean();
     });
   }

lib/module/login/login_page.dart

@@ -2,6 +2,7 @@ import 'package:dio_log/dio_log.dart';
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
+import 'package:flutter_animator/flutter_animator.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:qinglong_app/base/http/http.dart';
 import 'package:qinglong_app/base/routes.dart';
@@ -62,13 +63,15 @@ class _LoginPageState extends ConsumerState<LoginPage> {
       }
     }
     getIt<UserInfoViewModel>().updateToken("");
-    WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
+    WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
       if (useSecretLogin) {
         cardKey.currentState?.toggleCard();
       }
     });
   }
 
+  GlobalKey<AnimatorWidgetState> loginKey = GlobalKey<AnimatorWidgetState>();
+
   @override
   Widget build(BuildContext context) {
     return Scaffold(
@@ -76,20 +79,7 @@ class _LoginPageState extends ConsumerState<LoginPage> {
         value: ref.watch(themeProvider).darkMode == true ? SystemUiOverlayStyle.light : SystemUiOverlayStyle.dark,
         child: ColoredBox(
           color: ref.watch(themeProvider).themeColor.settingBgColor(),
-          child: SizedBox(
+          child: SingleChildScrollView(
-            height: MediaQuery.of(context).size.height,
-            child: Stack(
-              children: [
-                Positioned(
-                  bottom: 0,
-                  child: Image.asset(
-                    "assets/images/login_bg.png",
-                    width: MediaQuery.of(context).size.width,
-                  ),
-                ),
-                Scaffold(
-                  backgroundColor: Colors.transparent,
-                  body: SingleChildScrollView(
             child: Column(
               mainAxisAlignment: MainAxisAlignment.start,
               crossAxisAlignment: CrossAxisAlignment.start,
@@ -103,16 +93,20 @@ class _LoginPageState extends ConsumerState<LoginPage> {
                     crossAxisAlignment: CrossAxisAlignment.start,
                     children: [
                       SizedBox(
-                                height: MediaQuery.of(context).size.height / 10,
+                        height: MediaQuery.of(context).size.height / 8,
                       ),
                       Row(
                         children: [
                           Expanded(
                             child: Align(
                               alignment: Alignment.centerLeft,
-                                      child: Image.asset(
+                              child: Text(
-                                        "assets/images/login_tip.png",
+                                useSecretLogin ? "client_id登录" : "账号登录",
-                                        height: 45,
+                                style: TextStyle(
+                                  fontSize: 26,
+                                  fontWeight: FontWeight.bold,
+                                  color: ref.watch(themeProvider).themeColor.titleColor(),
+                                ),
                               ),
                             ),
                           ),
@@ -123,7 +117,7 @@ class _LoginPageState extends ConsumerState<LoginPage> {
                               } else {
                                 showDebugBtn(context, btnColor: ref.watch(themeProvider).primaryColor);
                               }
-                                      WidgetsBinding.instance?.endOfFrame;
+                              WidgetsBinding.instance.endOfFrame;
                             },
                             child: Image.asset(
                               "assets/images/ql.png",
@@ -135,24 +129,49 @@ class _LoginPageState extends ConsumerState<LoginPage> {
                       SizedBox(
                         height: MediaQuery.of(context).size.height / 15,
                       ),
-                              const Text(
+                      Row(
-                                "域名:",
+                        children: [
+                          const SizedBox(
+                            width: 40,
+                            child: Text(
+                              "域名",
                               style: TextStyle(
                                 fontSize: 16,
-                                  fontWeight: FontWeight.w600,
                               ),
                             ),
-                              TextField(
+                          ),
+                          const SizedBox(
+                            width: 30,
+                          ),
+                          Expanded(
+                            child: TextField(
                               onChanged: (_) {
                                 setState(() {});
                               },
                               controller: _hostController,
-                                decoration: const InputDecoration(
+                              decoration: InputDecoration(
-                                  contentPadding: EdgeInsets.fromLTRB(0, 5, 0, 5),
+                                border: InputBorder.none,
+                                enabledBorder: InputBorder.none,
+                                focusedBorder: InputBorder.none,
+                                isDense: true,
+                                contentPadding: const EdgeInsets.all(4),
                                 hintText: "http://1.1.1.1:5700",
+                                hintStyle: TextStyle(
+                                  fontSize: 16,
+                                  color: ref.watch(themeProvider).themeColor.descColor(),
+                                ),
                               ),
                               autofocus: false,
                             ),
+                          ),
+                        ],
+                      ),
+                      const Divider(
+                        color: Color(0xff999999),
+                      ),
+                      const SizedBox(
+                        height: 10,
+                      ),
                       FlipCard(
                         key: cardKey,
                         flipOnTouch: false,
@@ -162,118 +181,197 @@ class _LoginPageState extends ConsumerState<LoginPage> {
                         },
                         direction: FlipDirection.HORIZONTAL,
                         front: SizedBox(
-                                  height: 200,
+                          height: 110,
                           child: Column(
                             mainAxisSize: MainAxisSize.min,
                             mainAxisAlignment: MainAxisAlignment.start,
                             crossAxisAlignment: CrossAxisAlignment.start,
+                            children: [
+                              Row(
                                 children: [
                                   const SizedBox(
-                                        height: 15,
+                                    child: Text(
-                                      ),
+                                      "账户",
-                                      const Text(
-                                        "用户名:",
                                       style: TextStyle(
                                         fontSize: 16,
-                                          fontWeight: FontWeight.w600,
                                       ),
                                     ),
-                                      TextField(
+                                    width: 40,
+                                  ),
+                                  const SizedBox(
+                                    width: 30,
+                                  ),
+                                  Expanded(
+                                    child: TextField(
                                       onChanged: (_) {
                                         setState(() {});
                                       },
                                       controller: _userNameController,
-                                        decoration: const InputDecoration(
+                                      decoration: InputDecoration(
-                                          contentPadding: EdgeInsets.fromLTRB(0, 5, 0, 5),
+                                        border: InputBorder.none,
-                                          hintText: "请输入用户名",
+                                        enabledBorder: InputBorder.none,
+                                        focusedBorder: InputBorder.none,
+                                        isDense: true,
+                                        contentPadding: const EdgeInsets.all(4),
+                                        hintText: "请输入账户",
+                                        hintStyle: TextStyle(
+                                          fontSize: 16,
+                                          color: ref.watch(themeProvider).themeColor.descColor(),
+                                        ),
                                       ),
                                       autofocus: false,
                                     ),
-                                      const SizedBox(
-                                        height: 15,
                                   ),
-                                      const Text(
+                                ],
-                                        "密码:",
+                              ),
+                              const Divider(
+                                color: Color(0xff999999),
+                              ),
+                              const SizedBox(
+                                height: 10,
+                              ),
+                              Row(
+                                children: [
+                                  const SizedBox(
+                                    width: 40,
+                                    child: Text(
+                                      "密码",
                                       style: TextStyle(
                                         fontSize: 16,
-                                          fontWeight: FontWeight.w600,
                                       ),
                                     ),
-                                      TextField(
+                                  ),
+                                  const SizedBox(
+                                    width: 30,
+                                  ),
+                                  Expanded(
+                                    child: TextField(
                                       onChanged: (_) {
                                         setState(() {});
                                       },
                                       controller: _passwordController,
                                       obscureText: true,
-                                        decoration: const InputDecoration(
+                                      decoration: InputDecoration(
-                                          contentPadding: EdgeInsets.fromLTRB(0, 5, 0, 5),
+                                        border: InputBorder.none,
+                                        enabledBorder: InputBorder.none,
+                                        focusedBorder: InputBorder.none,
+                                        isDense: true,
+                                        contentPadding: const EdgeInsets.all(4),
                                         hintText: "请输入密码",
+                                        hintStyle: TextStyle(
+                                          fontSize: 16,
+                                          color: ref.watch(themeProvider).themeColor.descColor(),
+                                        ),
                                       ),
                                       autofocus: false,
                                     ),
-                                      const SizedBox(
+                                  ),
-                                        height: 10,
+                                ],
+                              ),
+                              const Divider(
+                                color: Color(0xff999999),
                               ),
                             ],
                           ),
                         ),
                         back: SizedBox(
-                                  height: 200,
+                          height: 110,
                           child: Column(
                             mainAxisSize: MainAxisSize.min,
                             mainAxisAlignment: MainAxisAlignment.start,
                             crossAxisAlignment: CrossAxisAlignment.start,
+                            children: [
+                              Row(
                                 children: [
                                   const SizedBox(
-                                        height: 15,
+                                    width: 40,
-                                      ),
+                                    child: Text(
-                                      const Text(
+                                      "id",
-                                        "client_id:",
                                       style: TextStyle(
                                         fontSize: 16,
-                                          fontWeight: FontWeight.w600,
                                       ),
                                     ),
-                                      TextField(
+                                  ),
+                                  const SizedBox(
+                                    width: 30,
+                                  ),
+                                  Expanded(
+                                    child: TextField(
                                       onChanged: (_) {
                                         setState(() {});
                                       },
                                       controller: _cIdController,
-                                        decoration: const InputDecoration(
+                                      decoration: InputDecoration(
-                                          contentPadding: EdgeInsets.fromLTRB(0, 5, 0, 5),
+                                        border: InputBorder.none,
+                                        enabledBorder: InputBorder.none,
+                                        focusedBorder: InputBorder.none,
+                                        isDense: true,
+                                        contentPadding: const EdgeInsets.all(4),
                                         hintText: "请输入client_id",
+                                        hintStyle: TextStyle(
+                                          fontSize: 16,
+                                          color: ref.watch(themeProvider).themeColor.descColor(),
+                                        ),
                                       ),
                                       autofocus: false,
                                     ),
-                                      const SizedBox(
-                                        height: 15,
                                   ),
-                                      const Text(
+                                ],
-                                        "client_secret:",
+                              ),
+                              const Divider(
+                                color: Color(0xff999999),
+                              ),
+                              const SizedBox(
+                                height: 10,
+                              ),
+                              Row(
+                                children: [
+                                  const SizedBox(
+                                    width: 50,
+                                    child: Text(
+                                      "secret",
                                       style: TextStyle(
                                         fontSize: 16,
-                                          fontWeight: FontWeight.w600,
                                       ),
                                     ),
-                                      TextField(
+                                  ),
+                                  const SizedBox(
+                                    width: 20,
+                                  ),
+                                  Expanded(
+                                    child: TextField(
                                       onChanged: (_) {
                                         setState(() {});
                                       },
                                       controller: _cSecretController,
                                       obscureText: true,
-                                        decoration: const InputDecoration(
+                                      decoration: InputDecoration(
-                                          contentPadding: EdgeInsets.fromLTRB(0, 5, 0, 5),
+                                        border: InputBorder.none,
+                                        enabledBorder: InputBorder.none,
+                                        focusedBorder: InputBorder.none,
+                                        isDense: true,
+                                        contentPadding: const EdgeInsets.all(4),
                                         hintText: "请输入client_secret",
+                                        hintStyle: TextStyle(
+                                          fontSize: 16,
+                                          color: ref.watch(themeProvider).themeColor.descColor(),
+                                        ),
                                       ),
                                       autofocus: false,
                                     ),
-                                      const SizedBox(
+                                  ),
-                                        height: 10,
+                                ],
+                              ),
+                              const Divider(
+                                color: Color(0xff999999),
                               ),
                             ],
                           ),
                         ),
                       ),
+                      const SizedBox(
+                        height: 10,
+                      ),
                     ],
                   ),
                 ),
@@ -291,8 +389,9 @@ class _LoginPageState extends ConsumerState<LoginPage> {
                         },
                       ),
                       const Text(
-                                "记住密码/client",
+                        "记住密码",
                         style: TextStyle(
+                          color: Color(0xff555555),
                           fontSize: 14,
                         ),
                       ),
@@ -300,13 +399,14 @@ class _LoginPageState extends ConsumerState<LoginPage> {
                       GestureDetector(
                         onTap: () {
                           cardKey.currentState?.toggleCard();
-                                  WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
+                          WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
                             setState(() {});
                           });
                         },
                         child: Text(
                           loginByUserName() ? "client_id登录" : "账号登录",
                           style: const TextStyle(
+                            color: Color(0xff555555),
                             fontSize: 14,
                           ),
                         ),
@@ -320,29 +420,52 @@ class _LoginPageState extends ConsumerState<LoginPage> {
                 const SizedBox(
                   height: 30,
                 ),
-                        Container(
+                Shake(
+                  preferences: const AnimationPreferences(autoPlay: AnimationPlayStates.None),
+                  key: loginKey,
+                  child: Center(
+                    child: Container(
                       alignment: Alignment.center,
+                      width: MediaQuery.of(context).size.width * 0.8,
                       padding: const EdgeInsets.symmetric(
                         horizontal: 40,
                       ),
+                      decoration: BoxDecoration(
+                        gradient: LinearGradient(
+                          colors: canClickLoginBtn()
+                              ? [
+                                  const Color(0xff5DD16F),
+                                  const Color(0xff089556),
+                                ]
+                              : [
+                                  const Color(0xff5DD16F).withOpacity(0.6),
+                                  const Color(0xff089556).withOpacity(0.6),
+                                ],
+                        ),
+                        borderRadius: const BorderRadius.all(
+                          Radius.circular(10),
+                        ),
+                      ),
                       child: SizedBox(
                         width: MediaQuery.of(context).size.width - 80,
                         child: IgnorePointer(
                           ignoring: !canClickLoginBtn(),
-                              child: CupertinoButton(
+                          child: Builder(
+                            builder: (context) {
+                              return CupertinoButton(
                                 padding: const EdgeInsets.symmetric(
                                   vertical: 5,
                                 ),
-                                color: canClickLoginBtn() ? ref.watch(themeProvider).primaryColor : ref.watch(themeProvider).primaryColor.withOpacity(0.4),
                                 child: isLoading
                                     ? const CupertinoActivityIndicator()
                                     : const Text(
                                         "登 录",
                                         style: TextStyle(
-                                          fontSize: 16,
+                                          fontSize: 18,
+                                          color: Colors.white,
                                         ),
                                       ),
-                                onPressed: () {
+                                onPressed: () async {
                                   Http.pushedLoginPage = false;
                                   Utils.hideKeyBoard(context);
                                   if (loginByUserName()) {
@@ -351,6 +474,10 @@ class _LoginPageState extends ConsumerState<LoginPage> {
                                     login(_cIdController.text, _cSecretController.text);
                                   }
                                 },
+                              );
+                            },
+                          ),
+                        ),
                       ),
                     ),
                   ),
@@ -358,15 +485,11 @@ class _LoginPageState extends ConsumerState<LoginPage> {
                 const SizedBox(
                   height: 30,
                 ),
-                      ],
+                (getIt<UserInfoViewModel>().historyAccounts.isEmpty)
-                    ),
-                  ),
-                ),
-                Positioned(
-                  bottom: 10,
-                  child: (getIt<UserInfoViewModel>().historyAccounts.isEmpty)
                     ? const SizedBox.shrink()
-                      : SizedBox(
+                    : SafeArea(
+                        top: false,
+                        child: SizedBox(
                           width: MediaQuery.of(context).size.width,
                           child: Center(
                             child: Material(
@@ -378,19 +501,34 @@ class _LoginPageState extends ConsumerState<LoginPage> {
                                 itemBuilder: (BuildContext context) => <PopupMenuEntry<UserInfoBean>>[
                                   ...getIt<UserInfoViewModel>()
                                       .historyAccounts
-                                      .map((e) => PopupMenuItem<UserInfoBean>(
+                                      .map(
+                                        (e) => PopupMenuItem<UserInfoBean>(
                                           value: e,
-                                            child: buildCell(e),
+                                          child: buildCell(context, e),
-                                          ))
+                                        ),
+                                      )
                                       .toList(),
                                 ],
-                                child: Text(
+                                child: Row(
-                                  "切换账号",
+                                  mainAxisSize: MainAxisSize.min,
+                                  children: [
+                                    Image.asset(
+                                      "assets/images/icon_history.png",
+                                      fit: BoxFit.cover,
+                                      width: 16,
+                                    ),
+                                    const SizedBox(
+                                      width: 5,
+                                    ),
+                                    const Text(
+                                      "历史账号",
                                       style: TextStyle(
-                                    color: ref.watch(themeProvider).primaryColor,
+                                        color: Color(0xff555555),
                                         fontSize: 14,
                                       ),
                                     ),
+                                  ],
+                                ),
                               ),
                             ),
                           ),
@@ -434,6 +572,7 @@ class _LoginPageState extends ConsumerState<LoginPage> {
 
   void loginFailed() {
     isLoading = false;
+    loginKey.currentState?.forward();
     setState(() {});
   }
 
@@ -512,7 +651,7 @@ class _LoginPageState extends ConsumerState<LoginPage> {
     });
   }
 
-  Widget buildCell(UserInfoBean bean) {
+  Widget buildCell(BuildContext context, UserInfoBean bean) {
     return ListTile(
       title: Text(
         bean.host ?? "",
@@ -525,6 +664,19 @@ class _LoginPageState extends ConsumerState<LoginPage> {
           bean.userName ?? "",
         ),
       ),
+      contentPadding: EdgeInsets.zero,
+      trailing: GestureDetector(
+        onTap: () {
+          getIt<UserInfoViewModel>().removeHistoryAccount(bean.host);
+          Navigator.pop(context);
+
+          setState(() {});
+        },
+        child: const Icon(
+          CupertinoIcons.clear_thick,
+          size: 20,
+        ),
+      ),
     );
   }
 
@@ -534,7 +686,7 @@ class _LoginPageState extends ConsumerState<LoginPage> {
       _cIdController.text = result.userName ?? "";
       _cSecretController.text = result.password ?? "";
       if (cardKey.currentState?.isFront ?? false) {
-        WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
+        WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
           cardKey.currentState?.toggleCard();
         });
       }
@@ -542,7 +694,7 @@ class _LoginPageState extends ConsumerState<LoginPage> {
       _userNameController.text = result.userName ?? "";
       _passwordController.text = result.password ?? "";
       if (!(cardKey.currentState?.isFront ?? false)) {
-        WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
+        WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
           cardKey.currentState?.toggleCard();
         });
       }

lib/module/others/dependencies/dependency_page.dart

@@ -283,7 +283,7 @@ class DependencyCell extends ConsumerWidget {
   }
 
   void showLog(WidgetRef ref, String? sId) {
-    WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
+    WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
       showCupertinoDialog(
           builder: (BuildContext context) {
             return CupertinoAlertDialog(

lib/module/others/scripts/script_detail_page.dart

@@ -219,7 +219,7 @@ class _ScriptDetailPageState extends ConsumerState<ScriptDetailPage>
           ? const Center(
               child: CupertinoActivityIndicator(),
             )
-          : CodeWidget(
+          : ScriptCodeWidget(
               content: content ?? "",
             ),
     );
@@ -265,3 +265,40 @@ class _ScriptDetailPageState extends ConsumerState<ScriptDetailPage>
     loadData();
   }
 }
+
+
+class ScriptCodeWidget extends StatefulWidget {
+  final String content;
+
+  const ScriptCodeWidget({
+    Key? key,
+    required this.content,
+  }) : super(key: key);
+
+  @override
+  State<ScriptCodeWidget> createState() => _ScriptCodeWidgetState();
+}
+
+class _ScriptCodeWidgetState extends State<ScriptCodeWidget>{
+  @override
+  Widget build(BuildContext context) {
+    return SelectableText.rich(
+      TextSpan(
+        style: GoogleFonts.droidSansMono(fontSize: 14).apply(
+          fontSizeFactor: 1,
+        ),
+        children: <TextSpan>[
+          DartSyntaxHighlighter(SyntaxHighlighterStyle.lightThemeStyle())
+              .format(widget.content)
+        ],
+      ),
+      style: DefaultTextStyle.of(context).style.apply(
+        fontSizeFactor: 1,
+      ),
+      selectionWidthStyle: BoxWidthStyle.max,
+      selectionHeightStyle: BoxHeightStyle.max,
+      autofocus: true,
+    );
+  }
+
+}

lib/module/others/scripts/script_edit_page.dart

@@ -41,7 +41,7 @@ class _ScriptEditPageState extends ConsumerState<ScriptEditPage> {
 
     super.initState();
 
-    WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
+    WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
       focusNode.requestFocus();
     });
   }
@@ -117,26 +117,12 @@ class _ScriptEditPageState extends ConsumerState<ScriptEditPage> {
       ),
       body: SafeArea(
         top: false,
-        child: Padding(
-          padding: const EdgeInsets.symmetric(
-            horizontal: 10,
-            vertical: 10,
-          ),
         child: CodeField(
           controller: _codeController!,
           expands: true,
-            wrap: true,
-            lineNumberStyle: LineNumberStyle(
-              width: 0,
-              margin: 0,
-              textStyle: TextStyle(
-                color: ref.watch(themeProvider).themeColor.descColor(),
-              ),
-            ),
           background: ref.watch(themeProvider).themeColor.tabBarColor(),
         ),
       ),
-      ),
     );
   }
 }

lib/module/others/scripts/script_page.dart

@@ -67,7 +67,15 @@ class _ScriptPageState extends ConsumerState<ScriptPage> with LazyLoadState<Scri
           ? const Center(
               child: CupertinoActivityIndicator(),
             )
-          : ListView.builder(
+          : RefreshIndicator(
+              color: Theme.of(context).primaryColor,
+              onRefresh: () async {
+                await loadData();
+                return Future.value();
+              },
+              child: ListView.builder(
+                physics: const AlwaysScrollableScrollPhysics(),
+                keyboardDismissBehavior: ScrollViewKeyboardDismissBehavior.onDrag,
                 itemBuilder: (context, index) {
                   if (index == 0) {
                     return searchCell(ref);
@@ -162,6 +170,7 @@ class _ScriptPageState extends ConsumerState<ScriptPage> with LazyLoadState<Scri
                 },
                 itemCount: list.length + 1,
               ),
+            ),
     );
   }
 
@@ -171,7 +180,9 @@ class _ScriptPageState extends ConsumerState<ScriptPage> with LazyLoadState<Scri
         horizontal: 15,
         vertical: 10,
       ),
-      child:SearchCell(controller: _searchController,),
+      child: SearchCell(
+        controller: _searchController,
+      ),
     );
   }
 
@@ -220,6 +231,8 @@ class _ScriptPageState extends ConsumerState<ScriptPage> with LazyLoadState<Scri
               padding: const EdgeInsets.symmetric(
                 vertical: 10,
               ),
+              child: Material(
+                color: Colors.transparent,
                 child: TextField(
                   controller: _nameController,
                   decoration: const InputDecoration(
@@ -233,19 +246,25 @@ class _ScriptPageState extends ConsumerState<ScriptPage> with LazyLoadState<Scri
                   autofocus: false,
                 ),
               ),
+            ),
             const SizedBox(
               height: 10,
             ),
-            const Text(
+            const Material(
+              color: Colors.transparent,
+              child: Text(
                 "脚本所属文件夹:",
                 style: TextStyle(
                   fontSize: 14,
                 ),
               ),
+            ),
             const SizedBox(
               height: 10,
             ),
-            DropdownButtonFormField<String>(
+            Material(
+              color: Colors.transparent,
+              child: DropdownButtonFormField<String>(
                 items: list
                     .where((element) => element.children?.isNotEmpty ?? false)
                     .map((e) => DropdownMenuItem(
@@ -276,6 +295,7 @@ class _ScriptPageState extends ConsumerState<ScriptPage> with LazyLoadState<Scri
                   scriptPath = value ?? "";
                 },
               ),
+            ),
           ],
         ),
         actions: [

lib/module/others/update_password_page.dart

@@ -31,7 +31,7 @@ class _UpdatePasswordPageState extends ConsumerState<UpdatePasswordPage> {
   @override
   void initState() {
     super.initState();
-    WidgetsBinding.instance?.addPostFrameCallback(
+    WidgetsBinding.instance.addPostFrameCallback(
       (timeStamp) {
         focusNode.requestFocus();
       },

lib/module/task/add_task_page.dart

@@ -36,7 +36,7 @@ class _AddTaskPageState extends ConsumerState<AddTaskPage> {
     } else {
       taskBean = TaskBean();
     }
-    WidgetsBinding.instance?.addPostFrameCallback(
+    WidgetsBinding.instance.addPostFrameCallback(
       (timeStamp) {
         focusNode.requestFocus();
       },

lib/module/task/intime_log/intime_log_page.dart

@@ -1,22 +1,28 @@
 import 'dart:async';
+import 'dart:math';
 import 'dart:ui';
 
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:qinglong_app/base/http/api.dart';
 import 'package:qinglong_app/base/http/http.dart';
+import 'package:qinglong_app/base/ui/lazy_load_state.dart';
+import 'package:share_plus/share_plus.dart';
 
 class InTimeLogPage extends StatefulWidget {
   final String cronId;
   final bool needTimer;
+  final String title;
 
-  const InTimeLogPage(this.cronId, this.needTimer, {Key? key}) : super(key: key);
+  const InTimeLogPage(this.cronId, this.needTimer, this.title, {Key? key})
+      : super(key: key);
 
   @override
   _InTimeLogPageState createState() => _InTimeLogPageState();
 }
 
-class _InTimeLogPageState extends State<InTimeLogPage> {
+class _InTimeLogPageState extends State<InTimeLogPage>
+    with LazyLoadState<InTimeLogPage> {
   Timer? _timer;
 
   String? content;
@@ -24,12 +30,6 @@ class _InTimeLogPageState extends State<InTimeLogPage> {
   @override
   void initState() {
     super.initState();
-    _timer = Timer.periodic(
-      const Duration(seconds: 2),
-      (timer) {
-        getLogData();
-      },
-    );
   }
 
   bool isRequest = false;
@@ -39,8 +39,8 @@ class _InTimeLogPageState extends State<InTimeLogPage> {
     if (!canRequest) return;
     if (isRequest) return;
     isRequest = true;
-    HttpResponse<String> response = await Api.inTimeLog(widget.cronId);
+    HttpResponse<String> response =
-
+    await Api.inTimeLog(widget.cronId);
     if (response.success) {
       content = response.bean;
       setState(() {});
@@ -56,22 +56,119 @@ class _InTimeLogPageState extends State<InTimeLogPage> {
 
   @override
   Widget build(BuildContext context) {
-    return Container(
+    return Material(
+      child: SafeArea(
+        child: Container(
+          color: Colors.white,
           padding: const EdgeInsets.symmetric(
-        horizontal: 15,
             vertical: 10,
           ),
-      child: content == null
+          child: Column(
-          ? const Center(
+            mainAxisSize: MainAxisSize.max,
+            children: [
+              Row(
+                children: [
+                  const SizedBox(
+                    width: 15,
+                  ),
+                  InkWell(
+                    onTap: () {
+                      Navigator.of(context).pop();
+                    },
+                    child: const Icon(
+                      CupertinoIcons.chevron_down,
+                      size: 18,
+                    ),
+                  ),
+                  Expanded(
+                    child: Center(
+                      child: Text(
+                        widget.title,
+                        style: const TextStyle(
+                          fontSize: 16,
+                        ),
+                      ),
+                    ),
+                  ),
+                  InkWell(
+                    onTap: () {
+                      Share.share(content ?? "");
+                    },
+                    child: const Icon(
+                      CupertinoIcons.share,
+                      size: 16,
+                    ),
+                  ),
+                  const SizedBox(
+                    width: 15,
+                  ),
+                ],
+              ),
+              const SizedBox(
+                height: 15,
+              ),
+              if (content == null)
+                const Expanded(
+                  child: Center(
                     child: CupertinoActivityIndicator(),
+                  ),
                 )
-          : CupertinoScrollbar(
+              else
-              child: SelectableText(
+                Expanded(
+                  child: SingleChildScrollView(
+                    primary: true,
+                    padding: const EdgeInsets.symmetric(horizontal: 15),
+                    child: Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        SelectableText(
                           content!,
+                          scrollPhysics: const NeverScrollableScrollPhysics(),
+                          onSelectionChanged: (TextSelection selection,
+                              SelectionChangedCause? cause) {
+                            final int newStart = min(
+                                selection.baseOffset, selection.extentOffset);
+                            final int newEnd = max(
+                                selection.baseOffset, selection.extentOffset);
+                            if (newEnd == newStart) {
+                              canRequest = true;
+                            } else {
+                              canRequest = false;
+                            }
+                          },
                           selectionHeightStyle: BoxHeightStyle.max,
                           selectionWidthStyle: BoxWidthStyle.max,
+                          style: const TextStyle(
+                            fontSize: 12,
+                          ),
+                        ),
+                        const SizedBox(
+                          height: 400,
+                        ),
+                      ],
+                    ),
+                  ),
+                )
+            ],
+          ),
         ),
       ),
     );
   }
+
+  @override
+  void onLazyLoad() {
+    if (widget.needTimer) {
+      _timer = Timer.periodic(
+        const Duration(seconds: 2),
+            (timer) {
+          getLogData();
+        },
+      );
+    } else {
+      WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
+        getLogData();
+      });
+    }
+  }
 }

lib/module/task/task_detail/task_detail_page.dart

@@ -3,6 +3,7 @@ import 'dart:ui';
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:modal_bottom_sheet/modal_bottom_sheet.dart';
 import 'package:qinglong_app/base/ql_app_bar.dart';
 import 'package:qinglong_app/base/routes.dart';
 import 'package:qinglong_app/base/theme.dart';
@@ -345,7 +346,7 @@ class _TaskDetailPageState extends ConsumerState<TaskDetailPage> {
   startCron(BuildContext context, WidgetRef ref) async {
     await ref.read(taskProvider).runCrons(widget.taskBean.sId!);
     setState(() {});
-    WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
+    WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
       showLog();
     });
   }
@@ -402,30 +403,16 @@ class _TaskDetailPageState extends ConsumerState<TaskDetailPage> {
   }
 
   void showLog() {
-    showCupertinoDialog(
+    showCupertinoModalBottomSheet(
-        builder: (BuildContext context) {
+      expand: true,
-          return CupertinoAlertDialog(
+      context: context,
-            title: Text(
+      backgroundColor: Colors.transparent,
-              "${widget.taskBean.name}运行日志",
+      builder: (context) => InTimeLogPage(
-              maxLines: 1,
+        widget.taskBean.sId!,
-              style: const TextStyle(overflow: TextOverflow.ellipsis),
+        true,
+        widget.taskBean.name ?? "",
       ),
-            content: InTimeLogPage(widget.taskBean.sId!, widget.taskBean.status == 0),
-            actions: [
-              CupertinoDialogAction(
-                child: Text(
-                  "知道了",
-                  style: TextStyle(color: Theme.of(context).primaryColor),
-                ),
-                onPressed: () {
-                  Navigator.of(context).pop();
-                  ref.read(taskProvider).loadData(false);
-                },
-              ),
-            ],
     );
-        },
-        context: context);
   }
 }
 

lib/module/task/task_page.dart

@@ -4,6 +4,7 @@ import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:flutter_slidable/flutter_slidable.dart';
+import 'package:modal_bottom_sheet/modal_bottom_sheet.dart';
 import 'package:qinglong_app/base/base_state_widget.dart';
 import 'package:qinglong_app/base/routes.dart';
 import 'package:qinglong_app/base/theme.dart';
@@ -245,7 +246,7 @@ class TaskItemCell extends StatelessWidget {
             SlidableAction(
               backgroundColor: const Color(0xff5D5E70),
               onPressed: (_) {
-                WidgetsBinding.instance?.endOfFrame.then((timeStamp) {
+                WidgetsBinding.instance.endOfFrame.then((timeStamp) {
                   Navigator.of(context).pushNamed(Routes.routeAddTask, arguments: bean);
                 });
               },
@@ -454,31 +455,16 @@ class TaskItemCell extends StatelessWidget {
   }
 
   logCron(BuildContext context, WidgetRef ref) {
-    showCupertinoDialog(
+    showCupertinoModalBottomSheet(
-        useRootNavigator: false,
+      expand: true,
-        builder: (BuildContext context) {
+      context: context,
-          return CupertinoAlertDialog(
+      backgroundColor: Colors.transparent,
-            title: Text(
+      builder: (context) => InTimeLogPage(
-              "${bean.name}运行日志",
+        bean.sId!,
-              maxLines: 1,
+        true,
-              style: const TextStyle(overflow: TextOverflow.ellipsis),
+        bean.name ?? "",
       ),
-            content: InTimeLogPage(bean.sId!, bean.status == 0),
-            actions: [
-              CupertinoDialogAction(
-                child: Text(
-                  "知道了",
-                  style: TextStyle(color: Theme.of(context).primaryColor),
-                ),
-                onPressed: () {
-                  Navigator.of(context).pop();
-                  ref.read(taskProvider).loadData(false);
-                },
-              ),
-            ],
     );
-        },
-        context: context);
   }
 
   void enableTask(BuildContext context) {

pubspec.lock

@@ -42,7 +42,7 @@ packages:
       name: back_button_interceptor
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "5.0.2"
+    version: "6.0.0"
   boolean_selector:
     dependency: transitive
     description:
@@ -168,7 +168,7 @@ packages:
       name: collection
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "1.15.0"
+    version: "1.16.0"
   convert:
     dependency: transitive
     description:
@@ -189,7 +189,7 @@ packages:
       name: cupertino_icons
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "1.0.4"
+    version: "1.0.5"
   dart_style:
     dependency: transitive
     description:
@@ -224,7 +224,7 @@ packages:
       name: fake_async
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "1.2.0"
+    version: "1.3.0"
   ffi:
     dependency: transitive
     description:
@@ -258,6 +258,13 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.0"
+  flutter_animator:
+    dependency: "direct main"
+    description:
+      name: flutter_animator
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "3.2.2"
   flutter_app_name:
     dependency: "direct dev"
     description:
@@ -311,7 +318,7 @@ packages:
       name: flutter_riverpod
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "1.0.3"
+    version: "1.0.4"
   flutter_slidable:
     dependency: "direct main"
     description:
@@ -433,7 +440,7 @@ packages:
       name: js
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "0.6.3"
+    version: "0.6.4"
   json_annotation:
     dependency: transitive
     description:
@@ -503,7 +510,7 @@ packages:
       name: material_color_utilities
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "0.1.3"
+    version: "0.1.4"
   meta:
     dependency: transitive
     description:
@@ -518,6 +525,13 @@ packages:
       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.0.2"
+  modal_bottom_sheet:
+    dependency: "direct main"
+    description:
+      name: modal_bottom_sheet
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.0.1"
   move_to_background:
     dependency: "direct main"
     description:
@@ -580,7 +594,7 @@ packages:
       name: path
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "1.8.0"
+    version: "1.8.1"
   path_provider:
     dependency: transitive
     description:
@@ -693,6 +707,48 @@ packages:
       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.0.3"
+  share_plus:
+    dependency: "direct main"
+    description:
+      name: share_plus
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "4.0.7"
+  share_plus_linux:
+    dependency: transitive
+    description:
+      name: share_plus_linux
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "3.0.0"
+  share_plus_macos:
+    dependency: transitive
+    description:
+      name: share_plus_macos
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "3.0.1"
+  share_plus_platform_interface:
+    dependency: transitive
+    description:
+      name: share_plus_platform_interface
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "3.0.3"
+  share_plus_web:
+    dependency: transitive
+    description:
+      name: share_plus_web
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "3.0.1"
+  share_plus_windows:
+    dependency: transitive
+    description:
+      name: share_plus_windows
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "3.0.1"
   shared_preferences:
     dependency: "direct main"
     description:
@@ -781,7 +837,7 @@ packages:
       name: source_span
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "1.8.1"
+    version: "1.8.2"
   stack_trace:
     dependency: transitive
     description:
@@ -837,7 +893,7 @@ packages:
       name: test_api
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "0.4.8"
+    version: "0.4.9"
   timing:
     dependency: transitive
     description:
@@ -865,7 +921,7 @@ packages:
       name: url_launcher
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "6.1.2"
+    version: "6.1.3"
   url_launcher_android:
     dependency: transitive
     description:
@@ -921,7 +977,7 @@ packages:
       name: vector_math
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "2.1.1"
+    version: "2.1.2"
   watcher:
     dependency: transitive
     description:
@@ -972,5 +1028,5 @@ packages:
     source: hosted
     version: "3.1.1"
 sdks:
-  dart: ">=2.16.0 <3.0.0"
+  dart: ">=2.17.0-0 <3.0.0"
-  flutter: ">=2.10.1"
+  flutter: ">=3.0.0"

pubspec.yaml

@@ -1,7 +1,7 @@
 name: qinglong_app
 description: A new Flutter project.
 publish_to: 'none' # Remove this line if you wish to publish to pub.dev
-version: 1.0.9+11
+version: 1.1.0+110
 
 environment:
   sdk: ">=2.15.1 <3.0.0"
@@ -13,13 +13,13 @@ dependencies:
     sdk: flutter
   flutter_localizations:
     sdk: flutter
-  cupertino_icons: ^1.0.4
+  cupertino_icons: ^1.0.5
-  flutter_riverpod: ^1.0.3
+  flutter_riverpod: ^1.0.4
-  shared_preferences: ^2.0.13
+  shared_preferences: ^2.0.15
-  synchronized: ^3.0.0
+  synchronized: ^3.0.0+2
-  back_button_interceptor: ^5.0.2
+  back_button_interceptor: ^6.0.0
-  flutter_slidable: ^1.2.0
+  flutter_slidable: ^1.3.0
-  dio: ^4.0.4
+  dio: ^4.0.6
   dio_log: ^2.0.2
   json_conversion_annotation: ^0.0.4
   logger: ^1.1.0
@@ -27,14 +27,17 @@ dependencies:
   get_it: ^7.2.0
   highlight: ^0.7.0
   drag_and_drop_lists: ^0.3.2+2
-  fluttertoast: ^8.0.8
+  fluttertoast: ^8.0.9
   move_to_background: ^1.0.2
   flip_card: ^0.6.0
-  package_info_plus: ^1.4.0
+  package_info_plus: ^1.4.2
-  url_launcher: ^6.0.20
+  url_launcher: ^6.1.3
   flutter_colorpicker: ^1.0.3
   widget_with_codeview: ^2.0.1+2
   code_text_field: ^1.0.2
+  share_plus: ^4.0.7
+  flutter_animator: ^3.2.1
+  modal_bottom_sheet: ^2.0.1
 
   # flutter pub run build_runner build  --delete-conflicting-outputs
   # flutter pub run change_app_package_name:main work.master.qinglongapp

version

@@ -1 +1 @@
-1.0.9
+1.1.0