同步ios的功能

lib/module/others/scripts/script_edit_page.dart

@@ -2,6 +2,11 @@ import 'package:code_text_field/code_text_field.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:highlight/languages/javascript.dart';
+import 'package:highlight/languages/json.dart';
+import 'package:highlight/languages/powershell.dart';
+import 'package:highlight/languages/python.dart';
+import 'package:highlight/languages/vbscript-html.dart';
+import 'package:highlight/languages/yaml.dart';
 import 'package:qinglong_app/base/http/api.dart';
 import 'package:qinglong_app/base/http/http.dart';
 import 'package:qinglong_app/base/ql_app_bar.dart';
@@ -41,11 +46,32 @@ class _ScriptEditPageState extends ConsumerState<ScriptEditPage> {
     });
   }
 
+  getLanguageType(String title) {
+    if (title.endsWith(".js")) {
+      return javascript;
+    }
+
+    if (title.endsWith(".sh")) {
+      return powershell;
+    }
+
+    if (title.endsWith(".py")) {
+      return python;
+    }
+    if (title.endsWith(".json")) {
+      return json;
+    }
+    if (title.endsWith(".yaml")) {
+      return yaml;
+    }
+    return vbscriptHtml;
+  }
+
   @override
   Widget build(BuildContext context) {
     _codeController ??= CodeController(
       text: widget.content,
-      language: javascript,
+      language: getLanguageType(widget.title),
       onChange: (value) {
         result = value;
       },
@@ -91,10 +117,24 @@ class _ScriptEditPageState extends ConsumerState<ScriptEditPage> {
       ),
       body: SafeArea(
         top: false,
-        child: CodeField(
-          controller: _codeController!,
-          expands: true,
-          background: ref.watch(themeProvider).themeColor.settingBgColor(),
+        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

@@ -20,6 +20,18 @@ class ScriptPage extends ConsumerStatefulWidget {
 
 class _ScriptPageState extends ConsumerState<ScriptPage> with LazyLoadState<ScriptPage> {
   List<ScriptBean> list = [];
+  final TextEditingController _searchController = TextEditingController();
+
+  final TextEditingController _nameController = TextEditingController();
+  String? path;
+
+  @override
+  void initState() {
+    super.initState();
+    _searchController.addListener(() {
+      setState(() {});
+    });
+  }
 
   @override
   Widget build(BuildContext context) {
@@ -30,83 +42,167 @@ class _ScriptPageState extends ConsumerState<ScriptPage> with LazyLoadState<Scri
           Navigator.of(context).pop();
         },
         title: "脚本管理",
+        actions: [
+          InkWell(
+            onTap: () {
+              addScript();
+            },
+            child: const Padding(
+              padding: EdgeInsets.symmetric(
+                horizontal: 15,
+              ),
+              child: Center(
+                child: Icon(
+                  CupertinoIcons.add,
+                  size: 24,
+                  color: Colors.white,
+                ),
+              ),
+            ),
+          ),
+        ],
       ),
       body: list.isEmpty
           ? const Center(
-              child: CupertinoActivityIndicator(),
-            )
+        child: CupertinoActivityIndicator(),
+      )
           : ListView.builder(
-              itemBuilder: (context, index) {
-                ScriptBean item = list[index];
+        itemBuilder: (context, index) {
+          if (index == 0) {
+            return searchCell(ref);
+          }
 
-                return ColoredBox(
-                  color: ref.watch(themeProvider).themeColor.settingBgColor(),
-                  child: (item.children != null && item.children!.isNotEmpty)
-                      ? ExpansionTile(
-                          title: Text(
-                            item.title ?? "",
-                            style: TextStyle(
-                              color:
-                                  (item.disabled ?? false) ? ref.watch(themeProvider).themeColor.descColor() : ref.watch(themeProvider).themeColor.titleColor(),
-                              fontSize: 16,
-                            ),
-                          ),
-                          children: item.children!
-                              .map((e) => ListTile(
-                                    onTap: () {
-                                      Navigator.of(context).pushNamed(
-                                        Routes.routeScriptDetail,
-                                        arguments: {
-                                          "title": e.title,
-                                          "path": e.parent,
-                                        },
-                                      ).then((value) {
-                                        if (value != null && value == true) {
-                                          loadData();
-                                        }
-                                      });
-                                    },
-                                    title: Text(
-                                      e.title ?? "",
-                                      style: TextStyle(
-                                        color: (item.disabled ?? false)
-                                            ? ref.watch(themeProvider).themeColor.descColor()
-                                            : ref.watch(themeProvider).themeColor.titleColor(),
-                                        fontSize: 14,
-                                      ),
-                                    ),
-                                  ))
-                              .toList(),
-                        )
-                      : ListTile(
-                          onTap: () {
-                            Navigator.of(context).pushNamed(
-                              Routes.routeScriptDetail,
-                              arguments: {
-                                "title": item.title,
-                                "path": "",
-                              },
-                            ).then(
-                              (value) {
-                                if (value != null && value == true) {
-                                  loadData();
-                                }
-                              },
-                            );
-                          },
-                          title: Text(
-                            item.title ?? "",
-                            style: TextStyle(
-                              color:
-                                  (item.disabled ?? false) ? ref.watch(themeProvider).themeColor.descColor() : ref.watch(themeProvider).themeColor.titleColor(),
-                              fontSize: 16,
-                            ),
-                          ),
-                        ),
-                );
-              },
-              itemCount: list.length,
-            ),
+          ScriptBean item = list[index - 1];
+
+          if (_searchController.text.isEmpty ||
+              (item.title?.contains(_searchController.text) ?? false) ||
+              (item.value?.contains(_searchController.text) ?? false) ||
+              ((item.children?.where((e) {
+                return (e.title?.contains(_searchController.text) ?? false) || (e.value?.contains(_searchController.text) ?? false);
+              }).isNotEmpty ??
+                  false))) {
+            return ColoredBox(
+              color: ref.watch(themeProvider).themeColor.settingBgColor(),
+              child: (item.children != null && item.children!.isNotEmpty)
+                  ? ExpansionTile(
+                title: Text(
+                  item.title ?? "",
+                  style: TextStyle(
+                    color: (item.disabled ?? false)
+                        ? ref.watch(themeProvider).themeColor.descColor()
+                        : ref.watch(themeProvider).themeColor.titleColor(),
+                    fontSize: 16,
+                  ),
+                ),
+                children: item.children!
+                    .where((element) {
+                  if (_searchController.text.isEmpty) {
+                    return true;
+                  }
+                  return (element.title?.contains(_searchController.text) ?? false) ||
+                      (element.value?.contains(_searchController.text) ?? false);
+                })
+                    .map((e) => ListTile(
+                  onTap: () {
+                    Navigator.of(context).pushNamed(
+                      Routes.routeScriptDetail,
+                      arguments: {
+                        "title": e.title,
+                        "path": e.parent,
+                      },
+                    ).then((value) {
+                      if (value != null && value == true) {
+                        loadData();
+                      }
+                    });
+                  },
+                  title: Text(
+                    e.title ?? "",
+                    style: TextStyle(
+                      color: (item.disabled ?? false)
+                          ? ref.watch(themeProvider).themeColor.descColor()
+                          : ref.watch(themeProvider).themeColor.titleColor(),
+                      fontSize: 14,
+                    ),
+                  ),
+                ))
+                    .toList(),
+              )
+                  : ListTile(
+                onTap: () {
+                  Navigator.of(context).pushNamed(
+                    Routes.routeScriptDetail,
+                    arguments: {
+                      "title": item.title,
+                      "path": "",
+                    },
+                  ).then(
+                        (value) {
+                      if (value != null && value == true) {
+                        loadData();
+                      }
+                    },
+                  );
+                },
+                title: Text(
+                  item.title ?? "",
+                  style: TextStyle(
+                    color: (item.disabled ?? false)
+                        ? ref.watch(themeProvider).themeColor.descColor()
+                        : ref.watch(themeProvider).themeColor.titleColor(),
+                    fontSize: 16,
+                  ),
+                ),
+              ),
+            );
+          } else {
+            return const SizedBox.shrink();
+          }
+        },
+        itemCount: list.length + 1,
+      ),
+    );
+  }
+
+  Widget searchCell(WidgetRef context) {
+    return Container(
+      padding: const EdgeInsets.symmetric(
+        horizontal: 15,
+        vertical: 10,
+      ),
+      child: CupertinoSearchTextField(
+        onSubmitted: (value) {
+          setState(() {});
+        },
+        onSuffixTap: () {
+          _searchController.text = "";
+          setState(() {});
+        },
+        controller: _searchController,
+        borderRadius: BorderRadius.circular(
+          30,
+        ),
+        padding: const EdgeInsets.symmetric(
+          horizontal: 5,
+          vertical: 5,
+        ),
+        suffixInsets: const EdgeInsets.only(
+          right: 15,
+        ),
+        prefixInsets: const EdgeInsets.only(
+          top: 6,
+          bottom: 6,
+          left: 15,
+        ),
+        placeholderStyle: TextStyle(
+          fontSize: 16,
+          color: context.watch(themeProvider).themeColor.descColor(),
+        ),
+        style: const TextStyle(
+          fontSize: 16,
+        ),
+        placeholder: "搜索",
+      ),
     );
   }
 
@@ -129,4 +225,139 @@ class _ScriptPageState extends ConsumerState<ScriptPage> with LazyLoadState<Scri
   void onLazyLoad() {
     loadData();
   }
+
+  String scriptPath = "";
+
+  void addScript() {
+    showCupertinoDialog(
+      useRootNavigator: false,
+      context: context,
+      builder: (context) => CupertinoAlertDialog(
+        title: const Text("新增脚本"),
+        content: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            const SizedBox(
+              height: 10,
+            ),
+            const Text(
+              "脚本名称:",
+              style: TextStyle(
+                fontSize: 14,
+              ),
+            ),
+            Padding(
+              padding: const EdgeInsets.symmetric(
+                vertical: 10,
+              ),
+              child: TextField(
+                controller: _nameController,
+                decoration: const InputDecoration(
+                  isDense: true,
+                  contentPadding: EdgeInsets.all(4),
+                  hintText: "请输入脚本名称",
+                  hintStyle: TextStyle(
+                    fontSize: 14,
+                  ),
+                ),
+                autofocus: false,
+              ),
+            ),
+            const SizedBox(
+              height: 10,
+            ),
+            const Text(
+              "脚本所属文件夹:",
+              style: TextStyle(
+                fontSize: 14,
+              ),
+            ),
+            const SizedBox(
+              height: 10,
+            ),
+            DropdownButtonFormField<String>(
+              items: list
+                  .where((element) => element.children?.isNotEmpty ?? false)
+                  .map((e) => DropdownMenuItem(
+                value: e.value,
+                child: SizedBox(
+                  width: MediaQuery.of(context).size.width / 2,
+                  child: Text(
+                    e.value ?? "",
+                    maxLines: 2,
+                  ),
+                ),
+              ))
+                  .toList()
+                ..insert(
+                    0,
+                    DropdownMenuItem(
+                      value: "",
+                      child: SizedBox(
+                        width: MediaQuery.of(context).size.width / 2,
+                        child: const Text(
+                          "根目录",
+                          maxLines: 2,
+                        ),
+                      ),
+                    )),
+              value: scriptPath,
+              onChanged: (value) {
+                scriptPath = value ?? "";
+              },
+            ),
+          ],
+        ),
+        actions: [
+          CupertinoDialogAction(
+            child: const Text(
+              "取消",
+              style: TextStyle(
+                color: Color(0xff999999),
+              ),
+            ),
+            onPressed: () {
+              Navigator.of(context).pop();
+            },
+          ),
+          CupertinoDialogAction(
+            child: Text(
+              "确定",
+              style: TextStyle(
+                color: ref.watch(themeProvider).primaryColor,
+              ),
+            ),
+            onPressed: () async {
+              "提交中...".toast();
+              HttpResponse<NullResponse> response = await Api.addScript(
+                _nameController.text,
+                scriptPath,
+                "## created by 青龙客户端 ${DateTime.now()}\n\n",
+              );
+              if (response.success) {
+                "提交成功".toast();
+                Navigator.of(context).pop();
+                Navigator.of(context).pushNamed(
+                  Routes.routeScriptUpdate,
+                  arguments: {
+                    "title": _nameController.text,
+                    "path": scriptPath,
+                    "content": "## created by 青龙客户端 ${DateTime.now()}\n\n",
+                  },
+                ).then((value) {
+                  if (value != null && value == true) {
+                    _nameController.text = "";
+                    loadData();
+                  }
+                });
+              } else {
+                (response.message ?? "").toast();
+              }
+            },
+          ),
+        ],
+      ),
+    );
+  }
 }