优化脚本编辑样式

lib/module/others/scripts/script_edit_page.dart

@@ -1,10 +1,12 @@
+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:qinglong_app/base/http/api.dart';
 import 'package:qinglong_app/base/http/http.dart';
 import 'package:qinglong_app/base/ql_app_bar.dart';
+import 'package:qinglong_app/base/single_account_page.dart';
 import 'package:qinglong_app/base/theme.dart';
-import 'package:qinglong_app/module/config/config_viewmodel.dart';
 import 'package:qinglong_app/utils/extension.dart';
 
 class ScriptEditPage extends ConsumerStatefulWidget {
@@ -19,22 +21,40 @@ class ScriptEditPage extends ConsumerStatefulWidget {
 }
 
 class _ScriptEditPageState extends ConsumerState<ScriptEditPage> {
-  late TextEditingController _controller;
-  FocusNode node = FocusNode();
+  CodeController? _codeController;
+  late String result;
+  FocusNode focusNode = FocusNode();
+
+  @override
+  void dispose() {
+    _codeController?.dispose();
+    super.dispose();
+  }
 
   @override
   void initState() {
-    _controller = TextEditingController(text: widget.content);
+    result = widget.content;
+
     super.initState();
-    WidgetsBinding.instance?.addPostFrameCallback(
-      (timeStamp) {
-        node.requestFocus();
-      },
-    );
+
+    WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
+      focusNode.requestFocus();
+    });
   }
 
   @override
   Widget build(BuildContext context) {
+    _codeController ??= CodeController(
+      text: widget.content,
+      language: javascript,
+      onChange: (value) {
+        result = value;
+      },
+      theme: ref.watch(themeProvider).themeColor.codeEditorTheme(),
+      stringMap: {
+        "export": const TextStyle(fontWeight: FontWeight.normal, color: Color(0xff6B2375)),
+      },
+    );
     return Scaffold(
       appBar: QlAppBar(
         canBack: true,
@@ -45,7 +65,7 @@ class _ScriptEditPageState extends ConsumerState<ScriptEditPage> {
         actions: [
           InkWell(
             onTap: () async {
-              HttpResponse<NullResponse> response = await Api.updateScript(widget.title, widget.path, _controller.text);
+              HttpResponse<NullResponse> response = await Api.updateScript(widget.title, widget.path, result);
               if (response.success) {
                 "提交成功".toast();
                 Navigator.of(context).pop(true);
@@ -70,22 +90,12 @@ class _ScriptEditPageState extends ConsumerState<ScriptEditPage> {
           )
         ],
       ),
-      body: Container(
-        padding: const EdgeInsets.only(
-          left: 15,
-          right: 15,
-        ),
-        child: SingleChildScrollView(
-          child: TextField(
-            focusNode: node,
-            style: TextStyle(
-              color: ref.read(themeProvider).themeColor.descColor(),
-              fontSize: 14,
-            ),
-            controller: _controller,
-            minLines: 1,
-            maxLines: 100,
-          ),
+      body: SafeArea(
+        top: false,
+        child: CodeField(
+          controller: _codeController!,
+          expands: true,
+          background: ref.watch(themeProvider).themeColor.settingBgColor(),
         ),
       ),
     );