dartlangeditorflutterflutter-appsflutter-examplesflutter-packageflutter-widgetquillquill-deltaquilljsreactquillrich-textrich-text-editorwysiwygwysiwyg-editor
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
113 lines
3.5 KiB
113 lines
3.5 KiB
import 'package:flutter/material.dart'; |
|
import 'package:flutter_quill/flutter_quill.dart'; |
|
import 'package:flutter_quill/translations.dart'; |
|
import '../../../models/config/table/table_configurations.dart'; |
|
import '../../../utils/quill_table_utils.dart'; |
|
|
|
class QuillToolbarTableButton extends StatelessWidget { |
|
const QuillToolbarTableButton({ |
|
required this.controller, |
|
this.options = const QuillToolbarTableButtonOptions(), |
|
super.key, |
|
}); |
|
|
|
final QuillController controller; |
|
|
|
final QuillToolbarTableButtonOptions options; |
|
|
|
double _iconSize(BuildContext context) { |
|
final baseFontSize = baseButtonExtraOptions(context)?.iconSize; |
|
final iconSize = options.iconSize; |
|
return iconSize ?? baseFontSize ?? kDefaultIconSize; |
|
} |
|
|
|
double _iconButtonFactor(BuildContext context) { |
|
final baseIconFactor = baseButtonExtraOptions(context)?.iconButtonFactor; |
|
final iconButtonFactor = options.iconButtonFactor; |
|
return iconButtonFactor ?? baseIconFactor ?? kDefaultIconButtonFactor; |
|
} |
|
|
|
VoidCallback? _afterButtonPressed(BuildContext context) { |
|
return options.afterButtonPressed ?? |
|
baseButtonExtraOptions(context)?.afterButtonPressed; |
|
} |
|
|
|
QuillIconTheme? _iconTheme(BuildContext context) { |
|
return options.iconTheme ?? baseButtonExtraOptions(context)?.iconTheme; |
|
} |
|
|
|
QuillToolbarBaseButtonOptions? baseButtonExtraOptions(BuildContext context) { |
|
return context.quillToolbarBaseButtonOptions; |
|
} |
|
|
|
IconData _iconData(BuildContext context) { |
|
return options.iconData ?? |
|
baseButtonExtraOptions(context)?.iconData ?? |
|
Icons.table_chart; |
|
} |
|
|
|
String _tooltip(BuildContext context) { |
|
return options.tooltip ?? |
|
baseButtonExtraOptions(context)?.tooltip ?? |
|
context.loc.insertTable; |
|
} |
|
|
|
void _sharedOnPressed(BuildContext context) { |
|
_onPressedHandler(context); |
|
_afterButtonPressed(context); |
|
} |
|
|
|
@override |
|
Widget build(BuildContext context) { |
|
final tooltip = _tooltip(context); |
|
final iconSize = _iconSize(context); |
|
final iconButtonFactor = _iconButtonFactor(context); |
|
final iconData = _iconData(context); |
|
final childBuilder = |
|
options.childBuilder ?? baseButtonExtraOptions(context)?.childBuilder; |
|
|
|
if (childBuilder != null) { |
|
return childBuilder( |
|
QuillToolbarTableButtonOptions( |
|
afterButtonPressed: _afterButtonPressed(context), |
|
iconData: iconData, |
|
iconSize: iconSize, |
|
iconButtonFactor: iconButtonFactor, |
|
iconTheme: options.iconTheme, |
|
tooltip: options.tooltip, |
|
), |
|
QuillToolbarTableButtonExtraOptions( |
|
context: context, |
|
controller: controller, |
|
onPressed: () => _sharedOnPressed(context), |
|
), |
|
); |
|
} |
|
|
|
return QuillToolbarIconButton( |
|
icon: Icon( |
|
iconData, |
|
size: iconButtonFactor * iconSize, |
|
), |
|
tooltip: tooltip, |
|
isSelected: false, |
|
onPressed: () => _sharedOnPressed(context), |
|
iconTheme: _iconTheme(context), |
|
); |
|
} |
|
|
|
Future<void> _onPressedHandler(BuildContext context) async { |
|
final position = renderPosition(context); |
|
await showMenu(context: context, position: position, items: [ |
|
const PopupMenuItem(value: 2, child: Text('2x2')), |
|
const PopupMenuItem(value: 4, child: Text('4x4')), |
|
const PopupMenuItem(value: 6, child: Text('6x6')), |
|
]).then( |
|
(value) { |
|
if (value != null) { |
|
insertTable(value, value, controller, ChangeSource.local); |
|
} |
|
}, |
|
); |
|
} |
|
}
|
|
|