Mirrored_Repos/AppFlowy
1
0
Fork 0
mirror of https://github.com/AppFlowy-IO/AppFlowy.git synced 2024-08-30 18:12:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: refresh the grid rows after typing text in the text filter (#1533)

Browse Source 
Co-authored-by: nathan <nathan@appflowy.io>
This commit is contained in:
Nathan.fooo 2022-12-05 09:55:37 +08:00 committed by GitHub
parent 0d879a6091
commit 721781f0ae
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 33 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/app_flowy/lib/plugins/grid/presentation/widgets/filter/choicechip/text.dart
View File

@ -152,8 +152,9 @@ class _TextFilterEditorState extends State<TextFilterEditor> {
return FlowyTextField(
text: state.filter.content,
hintText: LocaleKeys.grid_settings_typeAValue.tr(),
debounceDuration: const Duration(milliseconds: 300),
autoFocus: false,
onSubmitted: (text) {
onChanged: (text) {
context
.read<TextFilterEditorBloc>()
.add(TextFilterEditorEvent.updateContent(text));

39
frontend/app_flowy/packages/flowy_infra_ui/lib/style_widget/text_field.dart
View File

@ -1,3 +1,5 @@
import 'dart:async';
import 'package:flowy_infra/size.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
@ -13,6 +15,7 @@ class FlowyTextField extends StatefulWidget {
final int? maxLength;
final TextEditingController? controller;
final bool autoClearWhenDone;
final Duration? debounceDuration;
const FlowyTextField({
this.hintText = "",
@ -24,6 +27,7 @@ class FlowyTextField extends StatefulWidget {
this.maxLength,
this.controller,
this.autoClearWhenDone = false,
this.debounceDuration,
Key? key,
}) : super(key: key);
@ -34,6 +38,7 @@ class FlowyTextField extends StatefulWidget {
class FlowyTextFieldState extends State<FlowyTextField> {
late FocusNode focusNode;
late TextEditingController controller;
Timer? _debounceOnChanged;
@override
void initState() {
@ -54,22 +59,40 @@ class FlowyTextFieldState extends State<FlowyTextField> {
super.initState();
}
void _debounceOnChangedText(Duration duration, String text) {
_debounceOnChanged?.cancel();
_debounceOnChanged = Timer(duration, () async {
if (mounted) {
_onChanged(text);
}
});
}
void _onChanged(String text) {
widget.onChanged?.call(text);
setState(() {});
}
void _onSubmitted(String text) {
widget.onSubmitted?.call(text);
if (widget.autoClearWhenDone) {
controller.text = "";
}
}
@override
Widget build(BuildContext context) {
return TextField(
controller: controller,
focusNode: focusNode,
onChanged: (text) {
widget.onChanged?.call(text);
setState(() {});
},
onSubmitted: (text) {
widget.onSubmitted?.call(text);
if (widget.autoClearWhenDone) {
controller.text = "";
if (widget.debounceDuration != null) {
_debounceOnChangedText(widget.debounceDuration!, text);
} else {
_onChanged(text);
}
},
onSubmitted: (text) => _onSubmitted(text),
maxLines: 1,
maxLength: widget.maxLength,
maxLengthEnforcement: MaxLengthEnforcement.truncateAfterCompositionEnds,