aljaz/flutter_server_box
1
1
Fork 0
mirror of https://github.com/lollipopkit/flutter_server_box.git synced 2026-01-31 13:25:10 +01:00
Code Issues Packages Projects Releases Wiki Activity

ref:Refactor Settings UI and Fix Performance Issues (#1026)

Browse Source 
* refactor(Settings page): Simplify the click handling logic of the cancel button

* fix(backup_service): Add a cancel button in the restore backup dialog

* refactor(Settings Page): Refactor the ordered list component and optimize state management

- Extract the logic for building list items into a separate method to improve maintainability
- Add animation effects to enhance the dragging experience
- Use PageStorageKey to maintain the scroll position
- Optimize the state management logic of the checkbox
- Add new contributors in github_id.dart

* fix: Add SafeArea to the settings page to prevent content from being obscured

Add SafeArea wrapping content in multiple settings pages to prevent content from being obscured by the navigation bar on certain devices, thereby enhancing user experience

* refactor: Extract file list retrieval method and optimize asynchronous loading of iOS settings page

Extract the `_getEntities` method from an inline function to a class member method to enhance code readability

Preload watch context and push token in the iOS settings page to avoid repeatedly creating Futures

* fix: Add a `key` attribute to the ChoiceChipX component to avoid rendering issues

* refactor(Settings page): Refactor the platform-related settings logic and merge the Android settings into the main page

Migrate the Android platform settings from a standalone page to the main settings page, and remove redundant Android settings page files

Adjust the platform setting logic, retaining only the special setting entry for the iOS platform

* build: Update fl_lib dependency to v1.0.363

* feat(Settings): Add persistent disable state for cards and virtual keys

Add persistent storage functionality for server detail cards and SSH virtual key disable status

Modify the logic of relevant pages to support the saving and restoration of disabled states

* refactor(setting): Simplify save logic and optimize file sorting performance

In the settings page, remove the unnecessary `enabledList` filtering and directly save the `_order` list

Optimize the sorting logic on the local file page by first retrieving the file status before proceeding with sorting

* fix: Optimize data filtering and backup service error handling on the settings page

Fix the data filtering logic in the settings page to only process key-value pairs with specific prefixes
Add error handling to the backup service, capture and display merge failure exceptions

* fix(Settings page): Fixed the issue where disabled items were not included in the order settings and asynchronously saved preference settings

Fix the issue where disabled items in the virtual keyboard and service details order settings are not included in the order list

Change the preference setting saving method to an asynchronous operation, and add a mounted check to prevent updating the state after the component is unmounted

* refactor: Optimize the reordering logic and remove redundant sorting methods

Narrow the scope of state updates in the reordering logic to only encompass the parts where data is actually modified

Remove the unused sorting methods in `_local.dart` to simplify the code

* refactor(view): Optimize the refresh logic of the local file page

Refactor the refresh method that directly calls setState into a unified _refresh method

Use the `_entitiesFuture` to cache the list of files to obtain results and avoid redundant calculations

* Update lib/view/page/storage/local.dart

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

---------

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
This commit is contained in:
GT610
2026-01-25 18:43:57 +08:00
committed by GitHub
parent e226fec03d
commit 9ac866644c
16 changed files with 392 additions and 316 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
lib/data/model/app/bak/backup_service.dart
View File

@@ -121,12 +121,20 @@ class BackupService {
await context.showRoundDialog(
title: libL10n.restore,
child: Text(libL10n.askContinue('${libL10n.restore} ${libL10n.backup}(${backup.$2})')),
actions: Btn.ok(
onTap: () async {
await backup.$1.merge(force: true);
context.pop();
},
).toList,
actions: [
Btn.cancel(),
Btn.ok(
onTap: () async {
try {
await backup.$1.merge(force: true);
context.pop();
} catch (e, s) {
context.pop();
context.showErrDialog(e, s, libL10n.restore);
}
},
),
],
);
}

4
lib/data/res/github_id.dart
View File

@@ -136,7 +136,9 @@ abstract final class GithubIds {
'Bjups',
'4061N',
'itmagpro',
'atikattar1104'
'atikattar1104',
'coldboy404',
'puskyer'
};
}

6
lib/data/store/setting.dart
View File

@@ -61,6 +61,12 @@ class SettingStore extends HiveStore {
defaultValue: ServerDetailCards.values.map((e) => e.name).toList(),
);
// Disabled detail cards (for persistence when toggling visibility)
late final detailCardDisabled = listProperty<String>('detailCardDisabled');
// Disabled SSH virtual keys (for persistence when toggling visibility)
late final sshVirtKeysDisabled = listProperty<int>('sshVirtKeysDisabled');
// SSH term font size
late final termFontSize = propertyDefault('termFontSize', 13.0);

3
lib/view/page/server/detail/view.dart
View File

@@ -83,7 +83,8 @@ class _ServerDetailPageState extends ConsumerState<ServerDetailPage> with Single
void initState() {
super.initState();
final order = _settings.detailCardOrder.fetch();
order.removeWhere((e) => !ServerDetailCards.names.contains(e));
final disabled = _settings.detailCardDisabled.fetch();
order.removeWhere((e) => !ServerDetailCards.names.contains(e) || disabled.contains(e));
_cardsOrder.addAll(order);
}

2
lib/view/page/server/edit/widget.dart
View File

@@ -59,6 +59,7 @@ extension _Widgets on _ServerEditPageState {
children: List<Widget>.generate(pkis.length, (index) {
final item = pkis[index];
return ChoiceChipX<int>(
key: ValueKey(index),
label: item.id,
state: state,
value: index,
@@ -366,6 +367,7 @@ extension _Widgets on _ServerEditPageState {
children: List<Widget>.generate(srvs.length, (index) {
final item = srvs[index];
return ChoiceChipX<Spi>(
key: ValueKey(item),
label: item.name,
state: state,
value: item,

79
lib/view/page/setting/entries/app.dart
View File

@@ -2,6 +2,7 @@ part of '../entry.dart';
extension _App on _AppSettingsPageState {
Widget _buildApp() {
final androidSettings = isAndroid ? _buildAndroidSettings() : null;
final specific = _buildPlatformSetting();
final children = [
_buildLocale(),
@@ -10,6 +11,7 @@ extension _App on _AppSettingsPageState {
_buildCheckUpdate(),
_buildHomeTabs(),
PlatformPublicSettings.buildBioAuth,
if (androidSettings != null) androidSettings,
if (specific != null) specific,
_buildAppMore(),
];
@@ -17,18 +19,73 @@ extension _App on _AppSettingsPageState {
return Column(children: children.map((e) => e.cardx).toList());
}
Widget? _buildPlatformSetting() {
final func = switch (Pfs.type) {
Pfs.android => AndroidSettingsPage.route.go,
Pfs.ios => IosSettingsPage.route.go,
_ => null,
};
if (func == null) return null;
return ListTile(
Widget _buildAndroidSettings() {
return ExpandTile(
leading: const Icon(Icons.phone_android),
title: Text('${Pfs.type} ${libL10n.setting}'),
title: Text('Android ${libL10n.setting}'),
children: [
_buildBgRun(),
_buildAndroidWidgetSharedPreference(),
],
);
}
Widget _buildBgRun() {
return ListTile(
title: TipText(l10n.bgRun, l10n.bgRunTip),
trailing: StoreSwitch(prop: Stores.setting.bgRun),
);
}
Widget _buildAndroidWidgetSharedPreference() {
return ListTile(
title: Text(l10n.homeWidgetUrlConfig),
trailing: const Icon(Icons.keyboard_arrow_right),
onTap: () => func(context),
onTap: () async {
const prefix = 'widget_';
final data = <String, String>{};
final keys = PrefStore.shared.keys();
for (final key in keys) {
if (!key.startsWith(prefix)) continue;
final val = PrefStore.shared.get<String>(key);
if (val != null) data[key] = val;
}
final result = await KvEditor.route.go(
context,
KvEditorArgs(data: data, prefix: prefix),
);
if (result != null) {
await _saveWidgetSP(result, data, prefix);
}
},
);
}
Future<void> _saveWidgetSP(Map<String, String> map, Map<String, String> old, String prefix) async {
try {
final keysDel = old.keys.toSet().difference(map.keys.toSet());
for (final key in keysDel) {
if (!key.startsWith(prefix)) continue;
await PrefStore.shared.remove(key);
}
for (final entry in map.entries) {
if (!entry.key.startsWith(prefix)) continue;
await PrefStore.shared.set(entry.key, entry.value);
}
if (mounted) context.showSnackBar(libL10n.success);
} catch (e) {
if (mounted) context.showSnackBar(e.toString());
}
}
Widget? _buildPlatformSetting() {
if (!isIOS) return null;
return ListTile(
leading: const Icon(MingCute.apple_fill),
title: Text('iOS ${libL10n.setting}'),
trailing: const Icon(Icons.keyboard_arrow_right),
onTap: () => IosSettingsPage.route.go(context),
);
}
@@ -135,7 +192,7 @@ extension _App on _AppSettingsPageState {
},
),
actions: [
Btn.cancel(onTap: () => context.pop(false)),
Btn.cancel(),
Btn.ok(onTap: () => _onSaveColor(ctrl.text)),
],
);

1
lib/view/page/setting/entry.dart
View File

@@ -20,7 +20,6 @@ import 'package:server_box/view/page/backup.dart';
import 'package:server_box/view/page/private_key/list.dart';
import 'package:server_box/view/page/server/connection_stats.dart';
import 'package:server_box/view/page/setting/entries/home_tabs.dart';
import 'package:server_box/view/page/setting/platform/android.dart';
import 'package:server_box/view/page/setting/platform/ios.dart';
import 'package:server_box/view/page/setting/platform/platform_pub.dart';
import 'package:server_box/view/page/setting/seq/srv_detail_seq.dart';

128
lib/view/page/setting/platform/android.dart
View File

@@ -1,128 +0,0 @@
import 'package:fl_lib/fl_lib.dart';
import 'package:flutter/material.dart';
import 'package:server_box/core/extension/context/locale.dart';
import 'package:server_box/data/res/store.dart';
class AndroidSettingsPage extends StatefulWidget {
const AndroidSettingsPage({super.key});
@override
State<AndroidSettingsPage> createState() => _AndroidSettingsPageState();
static const route = AppRouteNoArg(
page: AndroidSettingsPage.new,
path: '/settings/android',
);
}
const _homeWidgetPrefPrefix = 'widget_';
class _AndroidSettingsPageState extends State<AndroidSettingsPage> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: CustomAppBar(title: const Text('Android')),
body: ListView(
padding: const EdgeInsets.symmetric(horizontal: 17),
children: [
// _buildFgService(),
_buildBgRun(),
_buildAndroidWidgetSharedPreference(),
].map((e) => CardX(child: e)).toList(),
),
);
}
// Widget _buildFgService() {
// return ListTile(
// title: TipText(l10n.fgService, l10n.fgServiceTip),
// trailing: StoreSwitch(prop: Stores.setting.fgService),
// );
// }
Widget _buildBgRun() {
return ListTile(
title: TipText(l10n.bgRun, l10n.bgRunTip),
trailing: StoreSwitch(prop: Stores.setting.bgRun),
);
}
void _saveWidgetSP(Map<String, String> map, Map<String, String> old) {
try {
final keysDel = old.keys.toSet().difference(map.keys.toSet());
for (final key in keysDel) {
if (!key.startsWith(_homeWidgetPrefPrefix)) continue;
PrefStore.shared.remove(key);
}
for (final entry in map.entries) {
if (!entry.key.startsWith(_homeWidgetPrefPrefix)) continue;
PrefStore.shared.set(entry.key, entry.value);
}
context.showSnackBar(libL10n.success);
} catch (e) {
context.showSnackBar(e.toString());
}
}
Widget _buildAndroidWidgetSharedPreference() {
return ListTile(
title: Text(l10n.homeWidgetUrlConfig),
trailing: const Icon(Icons.keyboard_arrow_right),
onTap: () async {
final data = <String, String>{};
final keys = PrefStore.shared.keys();
for (final key in keys) {
final val = PrefStore.shared.get<String>(key);
if (val != null) {
data[key] = val;
}
}
final result = await KvEditor.route.go(
context,
KvEditorArgs(data: data, prefix: _homeWidgetPrefPrefix),
);
if (result != null) {
_saveWidgetSP(result, data);
}
},
);
}
/// It's removed due to Issue #381
// Widget _buildWatch() {
// return FutureWidget(
// future: wc.isReachable,
// error: (e, s) {
// Loggers.app.warning('WatchOS error', e, s);
// return ListTile(
// title: const Text('Watch app'),
// subtitle: Text(l10n.viewErr, style: UIs.textGrey),
// trailing: const Icon(Icons.keyboard_arrow_right),
// onTap: () {
// context.showRoundDialog(
// title: l10n.error,
// child: SingleChildScrollView(
// child: SimpleMarkdown(data: '${e.toString()}\n```$s```'),
// ),
// );
// },
// );
// },
// success: (val) {
// if (val == null) {
// return ListTile(
// title: const Text('Watch app'),
// subtitle: Text(l10n.watchNotPaired, style: UIs.textGrey),
// );
// }
// return ListTile(
// title: const Text('Watch app'),
// subtitle: Text(l10n.sync, style: UIs.textGrey),
// trailing: const Icon(Icons.keyboard_arrow_right),
// onTap: () async {},
// );
// },
// );
// }
}

15
lib/view/page/setting/platform/ios.dart
View File

@@ -16,8 +16,14 @@ class IosSettingsPage extends StatefulWidget {
class _IosSettingsPageState extends State<IosSettingsPage> {
final _pushToken = ValueNotifier<String?>(null);
final wc = WatchConnectivity();
late final _watchContextFuture = _loadWatchContext();
late final _pushTokenFuture = getToken();
Future<Map<String, dynamic>?> _loadWatchContext() async {
if (!await wc.isPaired) return null;
return await wc.applicationContext;
}
@override
void dispose() {
@@ -58,7 +64,7 @@ class _IosSettingsPageState extends State<IosSettingsPage> {
},
),
subtitle: FutureWidget<String?>(
future: getToken(),
future: _pushTokenFuture,
loading: const Text('...'),
error: (error, trace) => Text('${libL10n.error}: $error'),
success: (text) {
@@ -79,10 +85,7 @@ class _IosSettingsPageState extends State<IosSettingsPage> {
Widget _buildWatchApp() {
return FutureWidget(
future: () async {
if (!await wc.isPaired) return null;
return await wc.applicationContext;
}(),
future: _watchContextFuture,
loading: UIs.centerLoading,
error: (e, trace) {
Loggers.app.warning('WatchOS error', e, trace);

157
lib/view/page/setting/seq/srv_detail_seq.dart
View File

@@ -1,3 +1,4 @@
import 'dart:ui';
import 'package:fl_lib/fl_lib.dart';
import 'package:flutter/material.dart';
import 'package:server_box/core/extension/context/locale.dart';
@@ -15,68 +16,124 @@ class ServerDetailOrderPage extends StatefulWidget {
class _ServerDetailOrderPageState extends State<ServerDetailOrderPage> {
final prop = Stores.setting.detailCardOrder;
final disabledProp = Stores.setting.detailCardDisabled;
late List<String> _order;
late Set<String> _enabled;
@override
void initState() {
super.initState();
_loadData();
}
void _loadData() {
final keys = prop.fetch();
final disabled = disabledProp.fetch();
_order = List<String>.from(keys);
for (final d in disabled) {
if (!_order.contains(d)) {
_order.add(d);
}
}
_enabled = Set<String>.from(keys.where((k) => !disabled.contains(k)));
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: CustomAppBar(title: Text(l10n.serverDetailOrder)),
body: _buildBody(),
body: SafeArea(child: _buildBody()),
);
}
Widget _proxyDecorator(Widget child, int _, Animation<double> animation) {
return AnimatedBuilder(
animation: animation,
builder: (BuildContext context, Widget? child) {
final double animValue = Curves.easeInOut.transform(animation.value);
final double elevation = lerpDouble(1, 6, animValue)!;
final double scale = lerpDouble(1, 1.02, animValue)!;
return Transform.scale(
scale: scale,
child: Card(elevation: elevation, child: child),
);
},
child: child,
);
}
Widget _buildBody() {
return ValBuilder(
listenable: prop.listenable(),
builder: (keys) {
final disabled = ServerDetailCards.names.where((e) => !keys.contains(e)).toList();
final allKeys = [...keys, ...disabled];
return ReorderableListView.builder(
padding: const EdgeInsets.all(7),
buildDefaultDragHandles: false,
itemBuilder: (_, idx) {
final key = allKeys[idx];
return ReorderableDelayedDragStartListener(
key: ValueKey(idx),
index: idx,
child: CardX(
child: ListTile(
contentPadding: const EdgeInsets.only(left: 23, right: 11),
leading: Icon(ServerDetailCards.fromName(key)?.icon),
title: Text(key),
trailing: _buildCheckBox(keys, key, idx, idx < keys.length),
),
),
);
},
itemCount: allKeys.length,
onReorder: (o, n) {
if (o >= keys.length || n >= keys.length) {
context.showSnackBar(libL10n.disabled);
return;
}
keys.moveByItem(o, n, property: prop);
},
);
},
return ReorderableListView.builder(
key: const PageStorageKey('srv_detail_seq'),
padding: const EdgeInsets.all(7),
buildDefaultDragHandles: false,
itemCount: _order.length,
proxyDecorator: _proxyDecorator,
itemBuilder: (_, idx) => _buildListItem(_order[idx], idx),
onReorder: _handleReorder,
);
}
Widget _buildCheckBox(List<String> keys, String key, int idx, bool value) {
return Checkbox(
value: value,
onChanged: (val) {
if (val == null) return;
if (val) {
if (idx >= keys.length) {
keys.add(key);
} else {
keys.insert(idx - 1, key);
}
} else {
keys.remove(key);
}
prop.put(keys);
},
Widget _buildListItem(String key, int idx) {
final isEnabled = _enabled.contains(key);
return ReorderableDelayedDragStartListener(
key: ValueKey(key),
index: idx,
child: CardX(
child: ListTile(
contentPadding: const EdgeInsets.only(left: 23, right: 11),
leading: Icon(ServerDetailCards.fromName(key)?.icon),
title: Text(key, style: isEnabled ? null : TextStyle(color: Colors.grey)),
trailing: Row(
mainAxisSize: MainAxisSize.min,
children: [
_buildCheckBox(key, isEnabled),
ReorderableDragStartListener(index: idx, child: const Icon(Icons.drag_handle)),
],
),
),
),
);
}
Widget _buildCheckBox(String key, bool isEnabled) {
return Checkbox(
value: isEnabled,
onChanged: (_) => _toggleEnabled(key),
);
}
void _handleReorder(int oldIndex, int newIndex) {
var targetIndex = newIndex;
if (targetIndex > oldIndex) {
targetIndex -= 1;
}
if (targetIndex == oldIndex) {
return;
}
setState(() {
final item = _order.removeAt(oldIndex);
_order.insert(targetIndex, item);
});
_saveChanges();
}
void _toggleEnabled(String key) {
setState(() {
if (_enabled.contains(key)) {
_enabled.remove(key);
} else {
_enabled.add(key);
}
});
_saveChanges();
}
void _saveChanges() {
prop.put(_order);
final disabledList = _order.where((k) => !_enabled.contains(k)).toList();
disabledProp.put(disabledList);
}
}

40
lib/view/page/setting/seq/srv_func_seq.dart
View File

@@ -31,27 +31,10 @@ class _ServerDetailOrderPageState extends State<ServerFuncBtnsOrderPage> {
final disabled = ServerFuncBtn.values.map((e) => e.index).where((e) => !keys.contains(e)).toList();
final allKeys = [...keys, ...disabled];
return ReorderableListView.builder(
key: const PageStorageKey('srv_func_seq'),
padding: const EdgeInsets.all(7),
itemBuilder: (_, idx) {
final key = allKeys[idx];
final funcBtn = ServerFuncBtn.values[key];
return CardX(
key: ValueKey(idx),
child: ListTile(
title: RichText(
text: TextSpan(
children: [
WidgetSpan(child: Icon(funcBtn.icon)),
const WidgetSpan(child: UIs.width13),
TextSpan(text: funcBtn.toStr, style: UIs.textGrey),
],
),
),
leading: _buildCheckBox(keys, key, idx, idx < keys.length),
),
);
},
itemCount: allKeys.length,
itemBuilder: (_, idx) => _buildListItem(allKeys[idx], idx, keys),
onReorder: (o, n) {
if (o >= keys.length || n >= keys.length) {
context.showSnackBar(libL10n.disabled);
@@ -64,6 +47,25 @@ class _ServerDetailOrderPageState extends State<ServerFuncBtnsOrderPage> {
);
}
Widget _buildListItem(int key, int idx, List<int> keys) {
final funcBtn = ServerFuncBtn.values[key];
return CardX(
key: ValueKey(key),
child: ListTile(
title: RichText(
text: TextSpan(
children: [
WidgetSpan(child: Icon(funcBtn.icon)),
const WidgetSpan(child: UIs.width13),
TextSpan(text: funcBtn.toStr, style: UIs.textGrey),
],
),
),
leading: _buildCheckBox(keys, key, idx, idx < keys.length),
),
);
}
Widget _buildCheckBox(List<int> keys, int key, int idx, bool value) {
return Checkbox(
value: value,

2
lib/view/page/setting/seq/srv_seq.dart
View File

@@ -38,7 +38,7 @@ class _ServerOrderPageState extends ConsumerState<ServerOrderPage> {
return Scaffold(
appBar: CustomAppBar(title: Text(l10n.serverOrder)),
body: _buildBody(),
body: SafeArea(child: _buildBody()),
);
}

190
lib/view/page/setting/seq/virt_key.dart
View File

@@ -1,3 +1,4 @@
import 'dart:ui';
import 'package:fl_lib/fl_lib.dart';
import 'package:flutter/material.dart';
import 'package:server_box/core/extension/context/locale.dart';
@@ -18,19 +19,43 @@ class SSHVirtKeySettingPage extends StatefulWidget {
class _SSHVirtKeySettingPageState extends State<SSHVirtKeySettingPage> {
final prop = Stores.setting.sshVirtKeys;
final disabledProp = Stores.setting.sshVirtKeysDisabled;
late List<int> _order;
late Set<int> _enabled;
@override
void initState() {
super.initState();
_loadData();
}
void _loadData() {
final keys = prop.fetch();
final disabled = disabledProp.fetch();
_order = List<int>.from(keys);
for (final d in disabled) {
if (!_order.contains(d)) {
_order.add(d);
}
}
_enabled = Set<int>.from(keys.where((k) => !disabled.contains(k)));
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: CustomAppBar(title: Text(l10n.editVirtKeys)),
body: Column(
children: [
Padding(
padding: const EdgeInsets.all(7),
child: _buildOneLineVirtKey().cardx,
),
Expanded(child: _buildBody()),
],
body: SafeArea(
child: Column(
children: [
Padding(
padding: const EdgeInsets.all(7),
child: _buildOneLineVirtKey().cardx,
),
Expanded(child: _buildBody()),
],
),
),
);
}
@@ -42,46 +67,62 @@ class _SSHVirtKeySettingPageState extends State<SSHVirtKeySettingPage> {
);
}
Widget _buildBody() {
return ValBuilder(
listenable: prop.listenable(),
builder: (keys) {
final disabled = VirtKey.values
.map((e) => e.index)
.where((e) => !keys.contains(e))
.toList();
final allKeys = [...keys, ...disabled];
return ReorderableListView.builder(
padding: const EdgeInsets.all(7),
itemBuilder: (_, idx) {
final key = allKeys[idx];
final item = VirtKey.values[key];
final help = item.help;
return CardX(
key: ValueKey(idx),
child: ListTile(
title: _buildTitle(item),
subtitle: help == null ? null : Text(help, style: UIs.textGrey),
leading: _buildCheckBox(keys, key, idx, idx < keys.length),
trailing: isDesktop ? null : const Icon(Icons.drag_handle),
),
);
},
itemCount: allKeys.length,
onReorder: (o, n) {
if (o >= keys.length || n >= keys.length) {
context.showSnackBar(libL10n.disabled);
return;
}
keys.moveByItem(o, n, property: prop);
},
Widget _proxyDecorator(Widget child, int _, Animation<double> animation) {
return AnimatedBuilder(
animation: animation,
builder: (BuildContext context, Widget? child) {
final double animValue = Curves.easeInOut.transform(animation.value);
final double elevation = lerpDouble(1, 6, animValue)!;
final double scale = lerpDouble(1, 1.02, animValue)!;
return Transform.scale(
scale: scale,
child: Card(elevation: elevation, child: child),
);
},
child: child,
);
}
Widget _buildTitle(VirtKey key) {
return key.icon == null
Widget _buildBody() {
return ReorderableListView.builder(
key: const PageStorageKey('virt_key'),
padding: const EdgeInsets.all(7),
buildDefaultDragHandles: false,
itemCount: _order.length,
proxyDecorator: _proxyDecorator,
itemBuilder: (_, idx) => _buildListItem(_order[idx], idx),
onReorder: _handleReorder,
);
}
Widget _buildListItem(int key, int idx) {
final item = VirtKey.values[key];
final help = item.help;
final isEnabled = _enabled.contains(key);
return ReorderableDelayedDragStartListener(
key: ValueKey(key),
index: idx,
child: CardX(
child: ListTile(
title: _buildTitle(item, isEnabled),
subtitle: help == null ? null : Text(help, style: UIs.textGrey),
trailing: Row(
mainAxisSize: MainAxisSize.min,
children: [
_buildCheckBox(key, isEnabled),
if (!isDesktop) ...[
const SizedBox(width: 7),
ReorderableDragStartListener(index: idx, child: const Icon(Icons.drag_handle)),
],
],
),
),
),
);
}
Widget _buildTitle(VirtKey key, bool isEnabled) {
final text = key.icon == null
? Text(key.text)
: Row(
children: [
@@ -90,24 +131,51 @@ class _SSHVirtKeySettingPageState extends State<SSHVirtKeySettingPage> {
Icon(key.icon),
],
);
}
Widget _buildCheckBox(List<int> keys, int key, int idx, bool value) {
return Checkbox(
value: value,
onChanged: (val) {
if (val == null) return;
if (val) {
if (idx >= keys.length) {
keys.add(key);
} else {
keys.insert(idx - 1, key);
}
} else {
keys.remove(key);
}
prop.put(keys);
},
return IgnorePointer(
child: Opacity(
opacity: isEnabled ? 1.0 : 0.5,
child: text,
),
);
}
Widget _buildCheckBox(int key, bool isEnabled) {
return Checkbox(
value: isEnabled,
onChanged: (_) => _toggleEnabled(key),
);
}
void _handleReorder(int oldIndex, int newIndex) {
var targetIndex = newIndex;
if (targetIndex > oldIndex) {
targetIndex -= 1;
}
if (targetIndex == oldIndex) {
return;
}
setState(() {
final item = _order.removeAt(oldIndex);
_order.insert(targetIndex, item);
});
_saveChanges();
}
void _toggleEnabled(int key) {
setState(() {
if (_enabled.contains(key)) {
_enabled.remove(key);
} else {
_enabled.add(key);
}
});
_saveChanges();
}
void _saveChanges() {
prop.put(_order);
final disabledList = _order.where((k) => !_enabled.contains(k)).toList();
disabledProp.put(disabledList);
}
}

55
lib/view/page/storage/local.dart
View File

@@ -35,6 +35,7 @@ class LocalFilePage extends ConsumerStatefulWidget {
class _LocalFilePageState extends ConsumerState<LocalFilePage> with AutomaticKeepAliveClientMixin {
late final _path = LocalPath(widget.args?.initDir ?? Paths.file);
final _sortType = _SortType.name.vn;
late Future<List<(FileSystemEntity, FileStat)>> _entitiesFuture = _getEntities();
bool get isPickFile => widget.args?.isPickFile ?? false;
@override
@@ -43,6 +44,13 @@ class _LocalFilePageState extends ConsumerState<LocalFilePage> with AutomaticKee
_sortType.dispose();
}
Future<void> _refresh() async {
setStateSafe(() {
_entitiesFuture = _getEntities();
});
await _entitiesFuture;
}
@override
Widget build(BuildContext context) {
super.build(context);
@@ -65,7 +73,7 @@ class _LocalFilePageState extends ConsumerState<LocalFilePage> with AutomaticKee
await destinationDir.create(recursive: true);
}
await File(path).copy(_path.path.joinPath(name));
setState(() {});
_refresh();
},
icon: const Icon(Icons.add),
),
@@ -73,7 +81,7 @@ class _LocalFilePageState extends ConsumerState<LocalFilePage> with AutomaticKee
IconButton(
icon: const Icon(Icons.refresh),
tooltip: MaterialLocalizations.of(context).refreshIndicatorSemanticLabel,
onPressed: () => setState(() {}),
onPressed: _refresh,
),
if (!isPickFile) _buildMissionBtn(),
_buildSortBtn(),
@@ -81,9 +89,7 @@ class _LocalFilePageState extends ConsumerState<LocalFilePage> with AutomaticKee
),
body: isMobile
? RefreshIndicator(
onRefresh: () async {
setState(() {});
},
onRefresh: _refresh,
child: _sortType.listen(_buildBody),
)
: _sortType.listen(_buildBody),
@@ -91,15 +97,8 @@ class _LocalFilePageState extends ConsumerState<LocalFilePage> with AutomaticKee
}
Widget _buildBody() {
Future<List<(FileSystemEntity, FileStat)>> getEntities() async {
final files = await Directory(_path.path).list().toList();
final sorted = _sortType.value.sort(files);
final stats = await Future.wait(sorted.map((e) async => (e, await e.stat())));
return stats;
}
return FutureWidget(
future: getEntities(),
future: _entitiesFuture,
loading: UIs.placeholder,
success: (items) {
items ??= [];
@@ -114,7 +113,7 @@ class _LocalFilePageState extends ConsumerState<LocalFilePage> with AutomaticKee
title: const Text('..'),
onTap: () {
_path.update('..');
setState(() {});
_refresh();
},
).cardx;
}
@@ -171,7 +170,7 @@ class _LocalFilePageState extends ConsumerState<LocalFilePage> with AutomaticKee
return;
}
_path.update(fileName);
setState(() {});
_refresh();
},
),
);
@@ -184,6 +183,13 @@ class _LocalFilePageState extends ConsumerState<LocalFilePage> with AutomaticKee
);
}
Future<List<(FileSystemEntity, FileStat)>> _getEntities() async {
final files = await Directory(_path.path).list().toList();
final stats = await Future.wait(files.map((e) async => (e, await e.stat())));
stats.sort(_sortType.value.compareTuple);
return stats;
}
Widget _buildSortBtn() {
return _sortType.listenVal((value) {
return PopupMenuButton<_SortType>(
@@ -397,19 +403,12 @@ enum _SortType {
size,
time;
List<FileSystemEntity> sort(List<FileSystemEntity> files) {
switch (this) {
case _SortType.name:
files.sort((a, b) => a.path.compareTo(b.path));
break;
case _SortType.size:
files.sort((a, b) => a.statSync().size.compareTo(b.statSync().size));
break;
case _SortType.time:
files.sort((a, b) => a.statSync().modified.compareTo(b.statSync().modified));
break;
}
return files;
int compareTuple((FileSystemEntity, FileStat) a, (FileSystemEntity, FileStat) b) {
return switch (this) {
_SortType.name => a.$1.path.compareTo(b.$1.path),
_SortType.size => a.$2.size.compareTo(b.$2.size),
_SortType.time => a.$2.modified.compareTo(b.$2.modified),
};
}
String get i18n => switch (this) {