feat: create and remove local scheme file logic.

app/lib/models/local_schemes.dart

@@ -27,4 +27,8 @@ abstract class LocalSchemeEntry implements Comparable {
 
 abstract class LocalSchemesInterface<T extends LocalSchemeEntry> {
   Future<List<T>> get schemeEntries;
+
+  Future<LocalSchemeEntry> create();
+
+  void remove(String path);
 }

app/lib/models/local_schemes_linux.dart

@@ -6,6 +6,7 @@ import 'package:dde_gesture_manager/extensions.dart';
 import 'package:dde_gesture_manager/models/scheme.dart';
 import 'package:path/path.dart' show join;
 import 'package:path_provider/path_provider.dart';
+import 'package:uuid/uuid.dart';
 
 import 'local_schemes.dart';
 import 'local_schemes_provider.dart';
@@ -43,6 +44,21 @@ class LocalSchemes implements LocalSchemesInterface<LocalSchemeEntryLinux> {
 
   @ProviderModelProp()
   List<LocalSchemeEntry>? schemes;
+
+  @override
+  Future<LocalSchemeEntry> create() async {
+    var _supportDirectory = await getApplicationSupportDirectory();
+    return LocalSchemeEntryLinux(
+        path: join(_supportDirectory.path, 'schemes', '${Uuid().v1()}.json'),
+        scheme: Scheme.create(),
+        lastModifyTime: DateTime.now(),
+      );
+  }
+
+  @override
+  void remove(String path) {
+    File(path).delete();
+  }
 }
 
 class LocalSchemeEntryLinux implements LocalSchemeEntry {

app/lib/models/local_schemes_web.dart

@@ -5,6 +5,7 @@ import 'package:dde_gesture_manager/builder/provider_annotation.dart';
 import 'package:dde_gesture_manager/extensions.dart';
 import 'package:dde_gesture_manager/models/local_schemes_provider.dart';
 import 'package:dde_gesture_manager/models/scheme.dart';
+import 'package:uuid/uuid.dart';
 
 import 'local_schemes.dart';
 
@@ -43,6 +44,18 @@ class LocalSchemes implements LocalSchemesInterface<LocalSchemeEntryWeb> {
 
   @ProviderModelProp()
   List<LocalSchemeEntry>? schemes;
+
+  @override
+  Future<LocalSchemeEntry> create() => Future.value(
+        LocalSchemeEntryWeb(
+          path: Uuid().v1(),
+          scheme: Scheme.create(),
+          lastModifyTime: DateTime.now(),
+        ),
+      );
+
+  @override
+  remove(String path) => window.localStorage.remove(path);
 }
 
 class LocalSchemeEntryWeb implements LocalSchemeEntry {
@@ -70,8 +83,9 @@ class LocalSchemeEntryWeb implements LocalSchemeEntry {
 
   @override
   save(LocalSchemesProvider provider) {
-    // TODO: implement save
+    window.localStorage[path] = JsonEncoder.withIndent(' ' * 4).convert(scheme);
-    throw UnimplementedError();
+    provider.schemes!.firstWhere((ele) => ele.scheme.id == scheme.id).lastModifyTime = DateTime.now();
+    provider.setProps(schemes: [...provider.schemes!]..sort());
   }
 
   @override

app/lib/models/scheme.dart

@@ -148,6 +148,9 @@ class Scheme {
 
   Scheme.create({this.name, this.description, this.gestures}) {
     this.id = Uuid().v1();
+    this.gestures = [];
+    this.readOnly = false;
+    this.name = 'new xxx';
   }
 
   SchemeTree buildSchemeTree() {

app/lib/pages/local_manager.dart

@@ -8,6 +8,7 @@ import 'package:dde_gesture_manager/models/settings.provider.dart';
 import 'package:dde_gesture_manager/widgets/dde_button.dart';
 import 'package:flutter/animation.dart';
 import 'package:flutter/cupertino.dart';
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/painting.dart';
 import 'package:uuid/uuid.dart';
@@ -24,21 +25,21 @@ class LocalManager extends StatefulWidget {
 class _LocalManagerState extends State<LocalManager> {
   late ScrollController _scrollController;
   String? _hoveringItem;
-  late String _selectedItem;
+  late String _selectedItemPath;
 
   @override
   void initState() {
     super.initState();
 
     /// todo: load from sp
-    _selectedItem = Uuid.NAMESPACE_NIL;
+    _selectedItemPath = '';
     _scrollController = ScrollController();
   }
 
-  Color _getItemBackgroundColor(int index, String itemId) {
+  Color _getItemBackgroundColor(int index, String itemPath) {
     Color _color = index % 2 == 0 ? context.t.scaffoldBackgroundColor : context.t.backgroundColor;
-    if (itemId == _hoveringItem) _color = context.t.scaffoldBackgroundColor;
+    if (itemPath == _hoveringItem) _color = context.t.scaffoldBackgroundColor;
-    if (itemId == _selectedItem) _color = context.read<SettingsProvider>().currentActiveColor;
+    if (itemPath == _selectedItemPath) _color = context.read<SettingsProvider>().currentActiveColor;
     return _color;
   }
 
@@ -111,7 +112,7 @@ class _LocalManagerState extends State<LocalManager> {
                                   onTap: () {
                                     context.read<SchemeProvider>().copyFrom(localSchemes[index].scheme);
                                     setState(() {
-                                      _selectedItem = localSchemes[index].scheme.id!;
+                                      _selectedItemPath = localSchemes[index].path;
                                     });
                                     context.read<GesturePropProvider>().copyFrom(GestureProp.empty());
                                   },
@@ -123,13 +124,12 @@ class _LocalManagerState extends State<LocalManager> {
                                       });
                                     },
                                     child: Container(
-                                      color: _getItemBackgroundColor(index, localSchemes[index].scheme.id!),
+                                      color: _getItemBackgroundColor(index, localSchemes[index].path),
                                       child: Padding(
                                         padding: const EdgeInsets.only(left: 6, right: 12.0),
                                         child: DefaultTextStyle(
                                           style: context.t.textTheme.bodyText2!.copyWith(
-                                            color:
+                                            color: _selectedItemPath == localSchemes[index].path ? Colors.white : null,
-                                                _selectedItem == localSchemes[index].scheme.id! ? Colors.white : null,
                                           ),
                                           child: Row(
                                             mainAxisAlignment: MainAxisAlignment.spaceBetween,
@@ -153,10 +153,31 @@ class _LocalManagerState extends State<LocalManager> {
                           child: Row(
                             mainAxisAlignment: MainAxisAlignment.end,
                             children: [
-                              DButton.add(enabled: true),
+                              DButton.add(
-                              DButton.delete(enabled: _selectedItem != Uuid.NAMESPACE_NIL),
+                                enabled: true,
-                              DButton.duplicate(enabled: _selectedItem != Uuid.NAMESPACE_NIL),
+                                onTap: () async {
-                              DButton.apply(enabled: _selectedItem != Uuid.NAMESPACE_NIL),
+                                  var localSchemesProvider = context.read<LocalSchemesProvider>();
+                                  var newSchemes = [...?localSchemesProvider.schemes];
+                                  newSchemes.add(await localSchemesProvider.create());
+                                  localSchemesProvider.setProps(schemes: newSchemes..sort());
+                                },
+                              ),
+                              DButton.delete(
+                                enabled: _selectedItemPath.notNull,
+                                onTap: () {
+                                  var localSchemesProvider = context.read<LocalSchemesProvider>();
+                                  var newSchemes = [...?localSchemesProvider.schemes];
+                                  var index = newSchemes.indexWhere((element) => element.path == _selectedItemPath);
+                                  newSchemes.removeAt(index);
+                                  localSchemesProvider.setProps(schemes: newSchemes);
+                                  localSchemesProvider.remove(_selectedItemPath);
+                                  setState(() {
+                                    _selectedItemPath = newSchemes[(index - 1).clamp(1, newSchemes.length)].path;
+                                  });
+                                },
+                              ),
+                              DButton.duplicate(enabled: _selectedItemPath.notNull),
+                              DButton.apply(enabled: _selectedItemPath.notNull),
                             ]
                                 .map((e) => Padding(
                                       padding: const EdgeInsets.only(right: 4),