merge: PR #1488 create task mobile UI

This commit is contained in:
Levi committed 2026-09-08 20:23:52 +08:00
commit 5728caf7db
31 files changed
+253 -93

No files matched your search

@@ -29,9 +29,9 @@ import '../../../../shared/theme/app_design_tokens.dart';
import '../../../../shared/theme/app_palette.dart';
import '../../../../shared/widgets/app_choice_segmented_control.dart';
import '../../../../shared/widgets/app_http_headers_editor.dart';
import '../../../../shared/widgets/app_loading_button.dart';
import '../../../../shared/widgets/app_number_input.dart';
import '../../../../shared/widgets/app_path_picker_field.dart';
import '../../../../shared/widgets/app_primary_button.dart';
import '../../../../shared/widgets/app_text_field.dart';
import '../../../../shared/widgets/app_tooltip.dart';
import '../../../../shared/widgets/app_toast.dart';
@@ -87,6 +87,7 @@ class _CreateTaskWindowPageState extends ConsumerState<CreateTaskWindowPage> {
String _configuredDownloadDirectory = '';
String _fileDataUri = '';
bool _programmaticUrlChange = false;
String _lastUrlText = '';
@override
void initState() {
@@ -162,10 +163,15 @@ class _CreateTaskWindowPageState extends ConsumerState<CreateTaskWindowPage> {
}
void _handleUrlChanged() {
if (!_programmaticUrlChange && _fileDataUri.isNotEmpty) {
_fileDataUri = '';
final urlText = _urlController.text;
if (urlText != _lastUrlText) {
_lastUrlText = urlText;
_renameController.clear();
if (!_programmaticUrlChange && _fileDataUri.isNotEmpty) {
_fileDataUri = '';
}
}
_recognizeMagnetUri(_urlController.text.trim());
_recognizeMagnetUri(urlText.trim());
}
void _applyInitialTask(CreateTask? task) {
@@ -203,9 +209,6 @@ class _CreateTaskWindowPageState extends ConsumerState<CreateTaskWindowPage> {
}
}
if (opts != null) {
if (opts.name.isNotEmpty) {
_renameController.text = opts.name;
}
if (opts.path.isNotEmpty) {
_directoryController.text = opts.path;
}
@@ -307,6 +310,7 @@ class _CreateTaskWindowPageState extends ConsumerState<CreateTaskWindowPage> {
SizedBox(
height: 120,
child: AppTextField(
key: const ValueKey('create-task-url-input'),
controller: _urlController,
hintText: context.l10n.pasteDownloadLinks,
keyboardType: TextInputType.multiline,
@@ -352,18 +356,12 @@ class _CreateTaskWindowPageState extends ConsumerState<CreateTaskWindowPage> {
const SizedBox(height: 16),
_FormRow(
label: context.l10n.connections,
child: Align(
alignment: Alignment.centerLeft,
child: SizedBox(
width: AppDesignTokens.settingsNumberControlWidth,
child: AppNumberInput(
fieldKey: const ValueKey('create-task-connections-input'),
controller: _connectionsController,
min: 1,
max: 256,
hintText: context.l10n.enterCount,
),
),
child: AppNumberInput(
fieldKey: const ValueKey('create-task-connections-input'),
controller: _connectionsController,
min: 1,
max: 256,
hintText: context.l10n.enterCount,
),
),
const SizedBox(height: 16),
@@ -378,10 +376,6 @@ class _CreateTaskWindowPageState extends ConsumerState<CreateTaskWindowPage> {
pickerKey: const ValueKey('create-task-directory-picker'),
controller: _directoryController,
hintText: context.l10n.chooseDownloadDirectory,
filled: true,
border: Border.all(color: palette.border),
borderRadius: BorderRadius.circular(AppDesignTokens.controlRadius),
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 10),
onChanged: (_) {
if (_asDefaultPath) {
setState(() => _asDefaultPath = false);
@@ -689,16 +683,12 @@ class _CreateTaskWindowPageState extends ConsumerState<CreateTaskWindowPage> {
child: SizedBox(width: 68, child: Center(child: Text(context.l10n.cancel))),
),
const SizedBox(width: 12),
AppPrimaryButton(
onPressed: _creating ? null : _confirm,
child: SizedBox(
width: 68,
child: Center(
child: _creating
? const SizedBox.square(dimension: 14, child: CircularProgressIndicator())
: Text(context.l10n.confirm),
),
),
AppLoadingButton(
key: const ValueKey('create-task-confirm-button'),
onPressed: _confirm,
loading: _creating,
variant: AppLoadingButtonVariant.primary,
child: SizedBox(width: 68, child: Center(child: Text(context.l10n.confirm))),
),
],
),
@@ -866,7 +856,6 @@ class _CreateTaskWindowPageState extends ConsumerState<CreateTaskWindowPage> {
final options = _buildOptions();
final result = await ref.read(gopeedServiceProvider).resolve(ResolveTask(req: request, opts: options));
if (!mounted) return;
_syncResolvedName(result);
final created = await _showResolveDialog(request, result);
if (!created) {
if (mounted) {
@@ -1155,16 +1144,12 @@ class _CreateTaskWindowPageState extends ConsumerState<CreateTaskWindowPage> {
onPressed: submitting ? null : () => closeOverlay(dialogContext, false),
child: SizedBox(width: 68, child: Center(child: Text(dialogContext.l10n.cancel))),
),
AppPrimaryButton(
onPressed: submitting ? null : submit,
child: SizedBox(
width: 68,
child: Center(
child: submitting
? const SizedBox.square(dimension: 14, child: CircularProgressIndicator())
: Text(dialogContext.l10n.create),
),
),
AppLoadingButton(
key: const ValueKey('resolve-create-button'),
onPressed: submit,
loading: submitting,
variant: AppLoadingButtonVariant.primary,
child: Text(dialogContext.l10n.createAction, maxLines: 1, softWrap: false),
),
],
);
@@ -1326,12 +1311,6 @@ class _CreateTaskWindowPageState extends ConsumerState<CreateTaskWindowPage> {
filterController.dispose();
}
void _syncResolvedName(ResolveResult result) {
if (_renameController.text.trim().isEmpty && result.res.name.trim().isNotEmpty) {
_renameController.text = result.res.name;
}
}
void _setUrlText(String value, {String fileDataUri = ''}) {
_programmaticUrlChange = true;
_urlController.text = value;
@@ -1673,17 +1652,12 @@ class _WindowTextField extends StatelessWidget {
@override
Widget build(BuildContext context) {
final palette = AppPalette.of(context);
return AppTextField(
controller: controller,
hintText: hintText,
keyboardType: keyboardType,
inputFormatters: inputFormatters,
obscureText: obscureText,
filled: true,
border: Border.all(color: palette.border),
borderRadius: BorderRadius.circular(4),
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 10),
);
}
}
@@ -61,6 +61,8 @@ class _ResolveFileTreeState extends State<ResolveFileTree> {
child: FileTreeView<int>(
items: _treeItems,
keyPrefix: 'resolve-tree',
rowHeight: _resolveTreeRowHeight,
contentTextStyle: _resolveFileNameStyle,
headerLeading: ExcludeFocus(
child: Checkbox(
state: allSelected
@@ -336,3 +338,5 @@ extension on _FileTypeFilter {
const _videoExts = <String>{'mp4', 'mkv', 'avi', 'mov', 'wmv', 'flv', 'webm', 'm4v'};
const _audioExts = <String>{'mp3', 'flac', 'wav', 'aac', 'm4a', 'ogg', 'ape'};
const _imageExts = <String>{'jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp', 'svg'};
const _resolveTreeRowHeight = 36.0;
const _resolveFileNameStyle = TextStyle(fontSize: 14, height: 1.25);
+1
View File
@@ -18,6 +18,7 @@
"exit": "خروج",
"pressBackAgainToExit": "اضغط زر الرجوع مرة أخرى للخروج",
"create": "إنشاء مهمة",
"createAction": "إنشاء",
"directDownload": "تنزيل مباشر",
"advancedOptions": "خيارات متقدمة",
"followSettings": "اتباع الإعدادات",
+1
View File
@@ -18,6 +18,7 @@
"exit": "Surt",
"pressBackAgainToExit": "Torna a prémer enrere per sortir",
"create": "Crea una tasca",
"createAction": "Crea",
"directDownload": "Baixada directa",
"advancedOptions": "Opcions avançades",
"followSettings": "Segueix la configuració",
+1
View File
@@ -18,6 +18,7 @@
"exit": "Beenden",
"pressBackAgainToExit": "Drücken Sie erneut Zurück, um die App zu beenden",
"create": "Aufgabe Erstellen",
"createAction": "Erstellen",
"directDownload": "Direkter Download",
"advancedOptions": "Erweiterte Einstellungen",
"followSettings": "Einstellungen Folgen",
+1
View File
@@ -18,6 +18,7 @@
"exit": "Exit",
"pressBackAgainToExit": "Press back again to exit",
"create": "Create Task",
"createAction": "Create",
"directDownload": "Direct Download",
"advancedOptions": "Advanced Options",
"followSettings": "Follow Settings",
+1
View File
@@ -18,6 +18,7 @@
"exit": "Salir",
"pressBackAgainToExit": "Pulsa Atrás de nuevo para salir",
"create": "Crear Tarea",
"createAction": "Crear",
"directDownload": "Descarga Directa",
"advancedOptions": "Opciones Avanzadas",
"followSettings": "Siga las opciones",
+1
View File
@@ -18,6 +18,7 @@
"exit": "خروج",
"pressBackAgainToExit": "برای خروج دوباره دکمه بازگشت را فشار دهید",
"create": "ایجاد کار",
"createAction": "ایجاد",
"directDownload": "دانلود مستقیم",
"advancedOptions": "گزینه های پیشرفته",
"followSettings": "تنظیمات را دنبال کنید",
+1
View File
@@ -18,6 +18,7 @@
"exit": "Quitter",
"pressBackAgainToExit": "Appuyez à nouveau sur Retour pour quitter",
"create": "Créer une tâche",
"createAction": "Créer",
"directDownload": "Téléchargement direct",
"advancedOptions": "Options avancées",
"followSettings": "Suivre les paramètres",
+1
View File
@@ -18,6 +18,7 @@
"exit": "Kilépés",
"pressBackAgainToExit": "Nyomja meg újra a Vissza gombot a kilépéshez",
"create": "Feladat létrehozása",
"createAction": "Létrehozás",
"directDownload": "Közvetlen letöltés",
"advancedOptions": "Haladó beállítások",
"followSettings": "Beállítások követése",
+1
View File
@@ -18,6 +18,7 @@
"exit": "Keluar",
"pressBackAgainToExit": "Tekan kembali sekali lagi untuk keluar",
"create": "Membuat Tugas",
"createAction": "Buat",
"directDownload": "Unduhan Langsung",
"advancedOptions": "Pengaturan Lanjutan",
"followSettings": "Mengikuti Pengaturan",
+1
View File
@@ -18,6 +18,7 @@
"exit": "Uscita",
"pressBackAgainToExit": "Premi di nuovo Indietro per uscire",
"create": "Crea attività",
"createAction": "Crea",
"directDownload": "Scaricamento diretto",
"advancedOptions": "Opzioni avanzate",
"followSettings": "Seguire le impostazioni",
+1
View File
@@ -18,6 +18,7 @@
"exit": "終了",
"pressBackAgainToExit": "もう一度戻るボタンを押すと終了します",
"create": "タスクを作成",
"createAction": "作成",
"directDownload": "直接ダウンロード",
"advancedOptions": "詳細オプション",
"followSettings": "設定に従う",
+1
View File
@@ -18,6 +18,7 @@
"exit": "종료",
"pressBackAgainToExit": "종료하려면 뒤로 버튼을 한 번 더 누르세요",
"create": "작업 생성",
"createAction": "생성",
"directDownload": "바로 다운로드",
"advancedOptions": "고급 옵션",
"followSettings": "설정값 사용",
+1
View File
@@ -18,6 +18,7 @@
"exit": "Wyjście",
"pressBackAgainToExit": "Naciśnij ponownie Wstecz, aby wyjść",
"create": "Utwórz zadanie",
"createAction": "Utwórz",
"directDownload": "Pobieranie bezpośrednie",
"advancedOptions": "Zaawansowane",
"followSettings": "Podążaj za ustawieniami",
+1
View File
@@ -18,6 +18,7 @@
"exit": "Sair",
"pressBackAgainToExit": "Prima novamente Voltar para sair",
"create": "Criar Tarefa",
"createAction": "Criar",
"directDownload": "Download Direto",
"advancedOptions": "Opções Avançadas",
"followSettings": "Seguir as Configurações",
+1
View File
@@ -18,6 +18,7 @@
"exit": "Выход",
"pressBackAgainToExit": "Нажмите «Назад» ещё раз, чтобы выйти",
"create": "Создать задачу",
"createAction": "Создать",
"directDownload": "Прямая загрузка",
"advancedOptions": "Расширенные опции",
"followSettings": "По умолчанию",
+1
View File
@@ -18,6 +18,7 @@
"exit": "வெளியேறு",
"pressBackAgainToExit": "வெளியேற மீண்டும் பின்செல் பொத்தானை அழுத்தவும்",
"create": "பணியை உருவாக்கு",
"createAction": "உருவாக்கு",
"directDownload": "நேரடி பதிவிறக்கம்",
"advancedOptions": "மேம்பட்ட விருப்பங்கள்",
"followSettings": "அமைப்புகளைப் பின்தொடரவும்",
+1
View File
@@ -18,6 +18,7 @@
"exit": "Çıkış",
"pressBackAgainToExit": "Çıkmak için tekrar geri tuşuna basın",
"create": "İşlem Oluştur",
"createAction": "Oluştur",
"directDownload": "Direkt İndir",
"advancedOptions": "Gelişmiş Seçenekler",
"followSettings": "Ayarları Takip Et",
+1
View File
@@ -18,6 +18,7 @@
"exit": "Вихід",
"pressBackAgainToExit": "Натисніть «Назад» ще раз, щоб вийти",
"create": "Створити завдання",
"createAction": "Створити",
"directDownload": "Пряме завантаження",
"advancedOptions": "Додаткові параметри",
"followSettings": "За замовчуванням",
+1
View File
@@ -18,6 +18,7 @@
"exit": "Thoát",
"pressBackAgainToExit": "Nhấn quay lại lần nữa để thoát",
"create": "Tạo nhiệm vụ",
"createAction": "Tạo",
"directDownload": "Tải trực tiếp",
"advancedOptions": "Tùy chọn nâng cao",
"followSettings": "Theo thiết lập",
+1
View File
@@ -18,6 +18,7 @@
"exit": "退出",
"pressBackAgainToExit": "再按一次返回键退出应用",
"create": "创建任务",
"createAction": "创建",
"directDownload": "直接下载",
"advancedOptions": "高级选项",
"followSettings": "跟随设置",
+1
View File
@@ -18,6 +18,7 @@
"exit": "退出",
"pressBackAgainToExit": "再按一次返回鍵退出應用程式",
"create": "建立任務",
"createAction": "建立",
"directDownload": "直接下載",
"advancedOptions": "進階選項",
"followSettings": "跟隨設定",
@@ -18,42 +18,50 @@ class AppComponentThemes extends StatelessWidget {
align: 1,
border: Border.all(color: theme.colorScheme.ring.withValues(alpha: 0.65), width: 1),
),
child: shad.ComponentTheme<shad.SecondaryButtonTheme>(
data: shad.SecondaryButtonTheme(
decoration: (context, states, value) {
final decoration = switch (value) {
final BoxDecoration decoration => decoration,
_ => BoxDecoration(borderRadius: BorderRadius.circular(theme.radiusMd)),
};
if (states.contains(WidgetState.disabled)) {
return decoration.copyWith(color: palette.surfaceSoft);
}
if (theme.brightness == Brightness.light) {
final background = Color.alphaBlend(palette.textPrimary.withValues(alpha: 0.08), palette.surfaceSoft);
final hoverBackground = Color.alphaBlend(
palette.textPrimary.withValues(alpha: 0.13),
palette.surfaceSoft,
);
return decoration.copyWith(color: states.contains(WidgetState.hovered) ? hoverBackground : background);
}
return value;
},
textStyle: (context, states, value) => states.contains(WidgetState.disabled)
? value.copyWith(color: palette.textMuted.withValues(alpha: 0.62))
: value,
iconTheme: (context, states, value) => states.contains(WidgetState.disabled)
? value.copyWith(color: palette.textMuted.withValues(alpha: 0.62))
: value,
child: shad.ComponentTheme<shad.TextFieldTheme>(
data: shad.TextFieldTheme(
filled: true,
border: Border.all(color: palette.border),
borderRadius: BorderRadius.circular(AppDesignTokens.controlRadius),
padding: AppDesignTokens.textFieldPadding,
),
child: shad.ComponentTheme<shad.CheckboxTheme>(
data: shad.CheckboxTheme(
size: AppDesignTokens.checkboxSize,
gap: AppDesignTokens.checkboxLabelGap,
borderColor: theme.brightness == Brightness.dark ? palette.textMuted : palette.border,
child: shad.ComponentTheme<shad.SecondaryButtonTheme>(
data: shad.SecondaryButtonTheme(
decoration: (context, states, value) {
final decoration = switch (value) {
final BoxDecoration decoration => decoration,
_ => BoxDecoration(borderRadius: BorderRadius.circular(theme.radiusMd)),
};
if (states.contains(WidgetState.disabled)) {
return decoration.copyWith(color: palette.surfaceSoft);
}
if (theme.brightness == Brightness.light) {
final background = Color.alphaBlend(palette.textPrimary.withValues(alpha: 0.08), palette.surfaceSoft);
final hoverBackground = Color.alphaBlend(
palette.textPrimary.withValues(alpha: 0.13),
palette.surfaceSoft,
);
return decoration.copyWith(color: states.contains(WidgetState.hovered) ? hoverBackground : background);
}
return value;
},
textStyle: (context, states, value) => states.contains(WidgetState.disabled)
? value.copyWith(color: palette.textMuted.withValues(alpha: 0.62))
: value,
iconTheme: (context, states, value) => states.contains(WidgetState.disabled)
? value.copyWith(color: palette.textMuted.withValues(alpha: 0.62))
: value,
),
child: shad.ComponentTheme<shad.ToastTheme>(
data: const shad.ToastTheme(toastConstraints: BoxConstraints(maxWidth: 420)),
child: child,
child: shad.ComponentTheme<shad.CheckboxTheme>(
data: shad.CheckboxTheme(
size: AppDesignTokens.checkboxSize,
gap: AppDesignTokens.checkboxLabelGap,
borderColor: theme.brightness == Brightness.dark ? palette.textMuted : palette.border,
),
child: shad.ComponentTheme<shad.ToastTheme>(
data: const shad.ToastTheme(toastConstraints: BoxConstraints(maxWidth: 420)),
child: child,
),
),
),
),
@@ -21,6 +21,8 @@ class AppDesignTokens {
static const double settingsFormControlWidth = 420;
static const double settingsNumberControlWidth = 168;
static const double settingsItemMinLabelWidth = 160;
static const EdgeInsets textFieldPadding = EdgeInsets.symmetric(horizontal: 12, vertical: 11);
static const EdgeInsets numberTextFieldPadding = EdgeInsets.symmetric(horizontal: 12, vertical: 10);
static const EdgeInsets pagePadding = EdgeInsets.symmetric(horizontal: 32);
static const EdgeInsets sidebarPadding = EdgeInsets.symmetric(horizontal: 16);
@@ -30,7 +30,15 @@ class AppLoadingButton extends StatelessWidget {
final palette = AppPalette.of(context);
final replaceChild = loading && icon == null;
final leading = loading && icon != null ? _LoadingIcon(variant: variant) : icon;
final effectiveChild = replaceChild ? _LoadingIcon(variant: variant) : child;
final effectiveChild = replaceChild
? Stack(
alignment: Alignment.center,
children: [
ExcludeSemantics(child: Opacity(opacity: 0, child: child)),
Positioned.fill(child: _LoadingIcon(variant: variant)),
],
)
: child;
final content = leading == null
? effectiveChild
: Row(
@@ -2,6 +2,7 @@ import 'package:flutter/services.dart';
import 'package:flutter/widgets.dart';
import 'package:shadcn_flutter/shadcn_flutter.dart' as shad;
import '../theme/app_design_tokens.dart';
import 'app_text_field.dart';
/// A bounded numeric text field with the app's standard spinner controls.
@@ -91,6 +92,7 @@ class _AppNumberInputState extends State<AppNumberInput> {
: TextInputType.number,
inputFormatters: formatters,
enabled: widget.enabled,
padding: AppDesignTokens.numberTextFieldPadding,
features: [
shad.InputFeature.spinner(
step: widget.step,