CatHood0
9 months ago
parent
151e629ee3
commit
42265dce5c
87 changed files with 725 additions and 221 deletions
@ -0,0 +1,76 @@ |
||||
import 'package:flutter/widgets.dart' show IconData, TextStyle, ValueChanged, VoidCallback; |
||||
|
||||
import '../../../../widgets/toolbar/base_toolbar.dart'; |
||||
import '../../../documents/attribute.dart'; |
||||
import '../../../themes/quill_icon_theme.dart'; |
||||
|
||||
class QuillToolbarSelectLineHeightStyleDropdownButtonExtraOptions extends QuillToolbarBaseButtonExtraOptions { |
||||
const QuillToolbarSelectLineHeightStyleDropdownButtonExtraOptions({ |
||||
required super.controller, |
||||
required super.context, |
||||
required super.onPressed, |
||||
required this.currentValue, |
||||
}); |
||||
final Attribute currentValue; |
||||
} |
||||
|
||||
class QuillToolbarSelectLineHeightStyleDropdownButtonOptions extends QuillToolbarBaseButtonOptions< |
||||
QuillToolbarSelectLineHeightStyleDropdownButtonOptions, |
||||
QuillToolbarSelectLineHeightStyleDropdownButtonExtraOptions> { |
||||
const QuillToolbarSelectLineHeightStyleDropdownButtonOptions({ |
||||
super.afterButtonPressed, |
||||
super.childBuilder, |
||||
super.iconTheme, |
||||
super.tooltip, |
||||
super.iconSize, |
||||
super.iconButtonFactor, |
||||
this.textStyle, |
||||
super.iconData, |
||||
this.attributes, |
||||
this.defaultDisplayText, |
||||
this.width, |
||||
}); |
||||
|
||||
final TextStyle? textStyle; |
||||
|
||||
/// Line-height attributes, defaults to: |
||||
/// ```dart |
||||
/// [ |
||||
/// Attribute.lineHeightNormal, |
||||
/// Attribute.lineHeightTight, |
||||
/// Attribute.lineHeightOneAndHalf, |
||||
/// Attribute.lineHeightDouble, |
||||
/// Attribute.lineHeight, |
||||
/// ] |
||||
/// ``` |
||||
final List<Attribute<double?>>? attributes; |
||||
final double? width; |
||||
|
||||
final String? defaultDisplayText; |
||||
|
||||
QuillToolbarSelectLineHeightStyleDropdownButtonOptions copyWith({ |
||||
ValueChanged<String>? onSelected, |
||||
List<Attribute<double>>? attributes, |
||||
TextStyle? style, |
||||
double? iconSize, |
||||
double? iconButtonFactor, |
||||
IconData? iconData, |
||||
VoidCallback? afterButtonPressed, |
||||
String? tooltip, |
||||
QuillIconTheme? iconTheme, |
||||
String? defaultDisplayText, |
||||
double? width, |
||||
}) { |
||||
return QuillToolbarSelectLineHeightStyleDropdownButtonOptions( |
||||
attributes: attributes ?? this.attributes, |
||||
iconData: iconData ?? this.iconData, |
||||
afterButtonPressed: afterButtonPressed ?? this.afterButtonPressed, |
||||
tooltip: tooltip ?? this.tooltip, |
||||
iconTheme: iconTheme ?? this.iconTheme, |
||||
iconSize: iconSize ?? this.iconSize, |
||||
iconButtonFactor: iconButtonFactor ?? this.iconButtonFactor, |
||||
defaultDisplayText: defaultDisplayText ?? this.defaultDisplayText, |
||||
width: width ?? this.width, |
||||
); |
||||
} |
||||
} |
||||
@ -0,0 +1,183 @@ |
||||
import 'package:flutter/material.dart'; |
||||
|
||||
import '../../../../translations.dart'; |
||||
import '../../../extensions/quill_configurations_ext.dart'; |
||||
import '../../../models/config/toolbar/buttons/select_line_height_style_dropdown_button_configurations.dart'; |
||||
import '../../../models/documents/attribute.dart'; |
||||
import '../base_button/base_value_button.dart'; |
||||
import '../base_toolbar.dart'; |
||||
|
||||
typedef QuillToolbarSelectLineHeightStyleDropdownBaseButton = QuillToolbarBaseButton< |
||||
QuillToolbarSelectLineHeightStyleDropdownButtonOptions, |
||||
QuillToolbarSelectLineHeightStyleDropdownButtonExtraOptions>; |
||||
|
||||
typedef QuillToolbarSelectLineHeightStyleDropdownBaseButtonsState< |
||||
W extends QuillToolbarSelectLineHeightStyleDropdownButton> |
||||
= QuillToolbarCommonButtonState<W, QuillToolbarSelectLineHeightStyleDropdownButtonOptions, |
||||
QuillToolbarSelectLineHeightStyleDropdownButtonExtraOptions>; |
||||
|
||||
class QuillToolbarSelectLineHeightStyleDropdownButton extends QuillToolbarSelectLineHeightStyleDropdownBaseButton { |
||||
const QuillToolbarSelectLineHeightStyleDropdownButton({ |
||||
required super.controller, |
||||
super.options = const QuillToolbarSelectLineHeightStyleDropdownButtonOptions(), |
||||
super.key, |
||||
}); |
||||
|
||||
@override |
||||
QuillToolbarSelectLineHeightStyleDropdownBaseButtonsState createState() => |
||||
_QuillToolbarSelectLineHeightStyleDropdownButtonState(); |
||||
} |
||||
|
||||
class _QuillToolbarSelectLineHeightStyleDropdownButtonState |
||||
extends QuillToolbarSelectLineHeightStyleDropdownBaseButtonsState { |
||||
@override |
||||
String get defaultTooltip => context.loc.lineheight; |
||||
|
||||
@override |
||||
IconData get defaultIconData => Icons.question_mark_outlined; |
||||
|
||||
Attribute<dynamic> _selectedItem = Attribute.lineHeight; |
||||
|
||||
final _menuController = MenuController(); |
||||
@override |
||||
void initState() { |
||||
super.initState(); |
||||
widget.controller.addListener(_didChangeEditingValue); |
||||
} |
||||
|
||||
@override |
||||
void dispose() { |
||||
widget.controller.removeListener(_didChangeEditingValue); |
||||
super.dispose(); |
||||
} |
||||
|
||||
@override |
||||
void didUpdateWidget(covariant QuillToolbarSelectLineHeightStyleDropdownButton oldWidget) { |
||||
super.didUpdateWidget(oldWidget); |
||||
if (oldWidget.controller == widget.controller) { |
||||
return; |
||||
} |
||||
widget.controller |
||||
..removeListener(_didChangeEditingValue) |
||||
..addListener(_didChangeEditingValue); |
||||
} |
||||
|
||||
void _didChangeEditingValue() { |
||||
final newSelectedItem = _getLineHeightValue(); |
||||
if (newSelectedItem == _selectedItem) { |
||||
return; |
||||
} |
||||
setState(() { |
||||
_selectedItem = newSelectedItem; |
||||
}); |
||||
} |
||||
|
||||
Attribute<dynamic> _getLineHeightValue() { |
||||
final attr = widget.controller.toolbarButtonToggler[Attribute.lineHeight.key]; |
||||
if (attr != null) { |
||||
widget.controller.toolbarButtonToggler.remove(Attribute.lineHeight.key); |
||||
return attr; |
||||
} |
||||
return widget.controller.getSelectionStyle().attributes[Attribute.lineHeight.key] ?? Attribute.lineHeight; |
||||
} |
||||
|
||||
String _label(Attribute<dynamic> attribute) { |
||||
var label = '1.0'; |
||||
if (attribute.value != null) { |
||||
label = '${attribute.value}'; |
||||
} |
||||
return label; |
||||
} |
||||
|
||||
List<Attribute<dynamic>> get lineHeightAttributes { |
||||
return widget.options.attributes ?? |
||||
[ |
||||
Attribute.lineHeightNormal, |
||||
Attribute.lineHeightTight, |
||||
Attribute.lineHeightOneAndHalf, |
||||
Attribute.lineHeightDouble, |
||||
]; |
||||
} |
||||
|
||||
void _onPressed(Attribute<dynamic> e) { |
||||
setState(() => _selectedItem = e); |
||||
widget.controller.formatSelection(_selectedItem); |
||||
} |
||||
|
||||
@override |
||||
Widget build(BuildContext context) { |
||||
final baseButtonConfigurations = context.quillToolbarBaseButtonOptions; |
||||
final childBuilder = widget.options.childBuilder ?? baseButtonConfigurations?.childBuilder; |
||||
if (childBuilder != null) { |
||||
return childBuilder( |
||||
widget.options, |
||||
QuillToolbarSelectLineHeightStyleDropdownButtonExtraOptions( |
||||
currentValue: _selectedItem, |
||||
context: context, |
||||
controller: widget.controller, |
||||
onPressed: () { |
||||
throw UnimplementedError('Not implemented yet.'); |
||||
}, |
||||
), |
||||
); |
||||
} |
||||
|
||||
return MenuAnchor( |
||||
controller: _menuController, |
||||
menuChildren: lineHeightAttributes |
||||
.map( |
||||
(e) => MenuItemButton( |
||||
onPressed: () { |
||||
_onPressed(e); |
||||
}, |
||||
child: Text(_label(e)), |
||||
), |
||||
) |
||||
.toList(), |
||||
child: Builder( |
||||
builder: (context) { |
||||
final isMaterial3 = Theme.of(context).useMaterial3; |
||||
final child = Row( |
||||
mainAxisSize: MainAxisSize.min, |
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
||||
children: [ |
||||
Text( |
||||
_label(_selectedItem), |
||||
style: widget.options.textStyle ?? |
||||
TextStyle( |
||||
fontSize: iconSize / 1.15, |
||||
), |
||||
), |
||||
Icon( |
||||
Icons.arrow_drop_down, |
||||
size: iconSize * iconButtonFactor, |
||||
), |
||||
], |
||||
); |
||||
if (!isMaterial3) { |
||||
return RawMaterialButton( |
||||
onPressed: _onDropdownButtonPressed, |
||||
child: child, |
||||
); |
||||
} |
||||
return QuillToolbarIconButton( |
||||
onPressed: _onDropdownButtonPressed, |
||||
icon: child, |
||||
isSelected: false, |
||||
iconTheme: iconTheme, |
||||
tooltip: tooltip, |
||||
); |
||||
}, |
||||
), |
||||
); |
||||
} |
||||
|
||||
void _onDropdownButtonPressed() { |
||||
if (_menuController.isOpen) { |
||||
_menuController.close(); |
||||
} else { |
||||
_menuController.open(); |
||||
} |
||||
afterButtonPressed?.call(); |
||||
} |
||||
} |
||||
Loading…
Reference in new issue