Ellet
1 year ago
parent
913c33cc80
commit
4b4c148946
60 changed files with 522 additions and 514 deletions
@ -1,33 +0,0 @@ |
|||||||
import 'package:flutter/widgets.dart' |
|
||||||
show Axis, WrapAlignment, WrapCrossAlignment, immutable; |
|
||||||
|
|
||||||
import '../../../widgets/toolbar/base_toolbar.dart'; |
|
||||||
import 'toolbar_shared_configurations.dart'; |
|
||||||
|
|
||||||
@immutable |
|
||||||
class QuillBaseToolbarConfigurations extends QuillSharedToolbarProperties { |
|
||||||
const QuillBaseToolbarConfigurations({ |
|
||||||
required this.childrenBuilder, |
|
||||||
super.axis = Axis.horizontal, |
|
||||||
super.toolbarSize = kDefaultIconSize * 2, |
|
||||||
super.toolbarSectionSpacing = kToolbarSectionSpacing, |
|
||||||
super.toolbarIconAlignment = WrapAlignment.center, |
|
||||||
super.toolbarIconCrossAlignment = WrapCrossAlignment.center, |
|
||||||
super.color, |
|
||||||
super.customButtons = const [], |
|
||||||
super.sectionDividerColor, |
|
||||||
super.sectionDividerSpace, |
|
||||||
super.linkDialogAction, |
|
||||||
super.multiRowsDisplay = true, |
|
||||||
super.decoration, |
|
||||||
|
|
||||||
/// Note this only used when you using the quill toolbar buttons like |
|
||||||
/// `QuillToolbarHistoryButton` inside it |
|
||||||
super.buttonOptions = const QuillToolbarButtonOptions(), |
|
||||||
}); |
|
||||||
|
|
||||||
final QuillBaseToolbarChildrenBuilder childrenBuilder; |
|
||||||
|
|
||||||
@override |
|
||||||
List<Object?> get props => []; |
|
||||||
} |
|
||||||
@ -0,0 +1,317 @@ |
|||||||
|
import 'package:equatable/equatable.dart'; |
||||||
|
import 'package:flutter/foundation.dart' show immutable; |
||||||
|
import 'package:flutter/widgets.dart' |
||||||
|
show Axis, Widget, WrapAlignment, WrapCrossAlignment; |
||||||
|
|
||||||
|
import '../../../widgets/others/controller.dart'; |
||||||
|
import '../../../widgets/others/embeds.dart'; |
||||||
|
import '../../themes/quill_dialog_theme.dart'; |
||||||
|
import '../../themes/quill_icon_theme.dart'; |
||||||
|
import 'buttons/base.dart'; |
||||||
|
import 'buttons/clear_format.dart'; |
||||||
|
import 'buttons/color.dart'; |
||||||
|
import 'buttons/custom_button.dart'; |
||||||
|
import 'buttons/font_family.dart'; |
||||||
|
import 'buttons/font_size.dart'; |
||||||
|
import 'buttons/history.dart'; |
||||||
|
import 'buttons/indent.dart'; |
||||||
|
import 'buttons/link_style.dart'; |
||||||
|
import 'buttons/link_style2.dart'; |
||||||
|
import 'buttons/search.dart'; |
||||||
|
import 'buttons/select_alignment.dart'; |
||||||
|
import 'buttons/select_header_style.dart'; |
||||||
|
import 'buttons/toggle_check_list.dart'; |
||||||
|
import 'buttons/toggle_style.dart'; |
||||||
|
import 'toolbar_shared_configurations.dart'; |
||||||
|
|
||||||
|
export './../../../widgets/toolbar/buttons/search/search_dialog.dart'; |
||||||
|
export './buttons/base.dart'; |
||||||
|
export './buttons/clear_format.dart'; |
||||||
|
export './buttons/color.dart'; |
||||||
|
export './buttons/custom_button.dart'; |
||||||
|
export './buttons/font_family.dart'; |
||||||
|
export './buttons/font_size.dart'; |
||||||
|
export './buttons/history.dart'; |
||||||
|
export './buttons/indent.dart'; |
||||||
|
export './buttons/link_style.dart'; |
||||||
|
export './buttons/link_style2.dart'; |
||||||
|
export './buttons/search.dart'; |
||||||
|
export './buttons/select_alignment.dart'; |
||||||
|
export './buttons/select_header_style.dart'; |
||||||
|
export './buttons/toggle_check_list.dart'; |
||||||
|
export './buttons/toggle_style.dart'; |
||||||
|
|
||||||
|
/// The default size of the icon of a button. |
||||||
|
const double kDefaultIconSize = 18; |
||||||
|
|
||||||
|
/// The default size for the toolbar (width, height) |
||||||
|
const double defaultToolbarSize = kDefaultIconSize * 2; |
||||||
|
|
||||||
|
/// The factor of how much larger the button is in relation to the icon. |
||||||
|
const double kIconButtonFactor = 1.77; |
||||||
|
|
||||||
|
/// The horizontal margin between the contents of each toolbar section. |
||||||
|
const double kToolbarSectionSpacing = 4; |
||||||
|
|
||||||
|
enum LinkStyleType { |
||||||
|
/// Defines the original [QuillToolbarLinkStyleButton]. |
||||||
|
original, |
||||||
|
|
||||||
|
/// Defines the alternative [QuillToolbarLinkStyleButton2]. |
||||||
|
alternative; |
||||||
|
|
||||||
|
bool get isOriginal => this == LinkStyleType.original; |
||||||
|
bool get isAlternative => this == LinkStyleType.alternative; |
||||||
|
} |
||||||
|
|
||||||
|
/// The configurations for the toolbar widget of flutter quill |
||||||
|
@immutable |
||||||
|
class QuillSimpleToolbarConfigurations extends QuillSharedToolbarProperties { |
||||||
|
const QuillSimpleToolbarConfigurations({ |
||||||
|
required this.controller, |
||||||
|
super.toolbarSectionSpacing = kToolbarSectionSpacing, |
||||||
|
super.toolbarIconAlignment = WrapAlignment.center, |
||||||
|
super.toolbarIconCrossAlignment = WrapCrossAlignment.center, |
||||||
|
super.buttonOptions = const QuillToolbarButtonOptions(), |
||||||
|
super.multiRowsDisplay = true, |
||||||
|
this.fontSizesValues, |
||||||
|
this.showDividers = true, |
||||||
|
this.showFontFamily = true, |
||||||
|
this.showFontSize = true, |
||||||
|
this.showBoldButton = true, |
||||||
|
this.showItalicButton = true, |
||||||
|
this.showSmallButton = false, |
||||||
|
this.showUnderLineButton = true, |
||||||
|
this.showStrikeThrough = true, |
||||||
|
this.showInlineCode = true, |
||||||
|
this.showColorButton = true, |
||||||
|
this.showBackgroundColorButton = true, |
||||||
|
this.showClearFormat = true, |
||||||
|
this.showAlignmentButtons = false, |
||||||
|
this.showLeftAlignment = true, |
||||||
|
this.showCenterAlignment = true, |
||||||
|
this.showRightAlignment = true, |
||||||
|
this.showJustifyAlignment = true, |
||||||
|
this.showHeaderStyle = true, |
||||||
|
this.showListNumbers = true, |
||||||
|
this.showListBullets = true, |
||||||
|
this.showListCheck = true, |
||||||
|
this.showCodeBlock = true, |
||||||
|
this.showQuote = true, |
||||||
|
this.showIndent = true, |
||||||
|
this.showLink = true, |
||||||
|
this.showUndo = true, |
||||||
|
this.showRedo = true, |
||||||
|
this.showDirection = false, |
||||||
|
this.showSearchButton = true, |
||||||
|
this.showSubscript = true, |
||||||
|
this.showSuperscript = true, |
||||||
|
this.linkStyleType = LinkStyleType.original, |
||||||
|
super.customButtons = const [], |
||||||
|
|
||||||
|
/// The decoration to use for the toolbar. |
||||||
|
super.decoration, |
||||||
|
|
||||||
|
/// Toolbar items to display for controls of embed blocks |
||||||
|
this.embedButtons, |
||||||
|
super.linkDialogAction, |
||||||
|
|
||||||
|
///The theme to use for the icons in the toolbar, uses type [QuillIconTheme] |
||||||
|
// this.iconTheme, |
||||||
|
this.dialogTheme, |
||||||
|
super.axis = Axis.horizontal, |
||||||
|
super.color, |
||||||
|
super.sectionDividerColor, |
||||||
|
super.sectionDividerSpace, |
||||||
|
this.spacerWidget, |
||||||
|
|
||||||
|
/// By default it will calculated based on the [globalIconSize] from |
||||||
|
/// [base] in [QuillToolbarButtonOptions] |
||||||
|
/// You can change it but the the change only apply if |
||||||
|
/// the [multiRowsDisplay] is false, if [multiRowsDisplay] then the value |
||||||
|
/// will be [kDefaultIconSize] * 2 |
||||||
|
super.toolbarSize, |
||||||
|
}) : _toolbarSize = toolbarSize; |
||||||
|
|
||||||
|
final double? _toolbarSize; |
||||||
|
|
||||||
|
/// The toolbar size, by default it will be `baseButtonOptions.iconSize * 2` |
||||||
|
@override |
||||||
|
double get toolbarSize { |
||||||
|
final alternativeToolbarSize = _toolbarSize; |
||||||
|
if (alternativeToolbarSize != null) { |
||||||
|
return alternativeToolbarSize; |
||||||
|
} |
||||||
|
return buttonOptions.base.globalIconSize * 2; |
||||||
|
} |
||||||
|
|
||||||
|
final QuillController controller; |
||||||
|
|
||||||
|
/// A widget that will placed between each button in the toolbar |
||||||
|
/// can be used as a spacer |
||||||
|
/// it will not used before the first button |
||||||
|
/// it will not used after the last button |
||||||
|
/// it will also not used in the toolbar dividers |
||||||
|
/// Default value will be [SizedBox.shrink()] |
||||||
|
/// some widgets like the header styles will be considered as one widget |
||||||
|
final Widget? spacerWidget; |
||||||
|
|
||||||
|
/// By default it will be |
||||||
|
/// ``` |
||||||
|
/// { |
||||||
|
/// 'Small'.i18n: 'small', |
||||||
|
/// 'Large'.i18n: 'large', |
||||||
|
/// 'Huge'.i18n: 'huge', |
||||||
|
/// 'Clear'.loc: '0' |
||||||
|
/// } |
||||||
|
/// ``` |
||||||
|
final Map<String, String>? fontSizesValues; |
||||||
|
|
||||||
|
final bool showDividers; |
||||||
|
final bool showFontFamily; |
||||||
|
final bool showFontSize; |
||||||
|
final bool showBoldButton; |
||||||
|
final bool showItalicButton; |
||||||
|
final bool showSmallButton; |
||||||
|
final bool showUnderLineButton; |
||||||
|
final bool showStrikeThrough; |
||||||
|
final bool showInlineCode; |
||||||
|
final bool showColorButton; |
||||||
|
final bool showBackgroundColorButton; |
||||||
|
final bool showClearFormat; |
||||||
|
final bool showAlignmentButtons; |
||||||
|
final bool showLeftAlignment; |
||||||
|
final bool showCenterAlignment; |
||||||
|
final bool showRightAlignment; |
||||||
|
final bool showJustifyAlignment; |
||||||
|
final bool showHeaderStyle; |
||||||
|
final bool showListNumbers; |
||||||
|
final bool showListBullets; |
||||||
|
final bool showListCheck; |
||||||
|
final bool showCodeBlock; |
||||||
|
final bool showQuote; |
||||||
|
final bool showIndent; |
||||||
|
final bool showLink; |
||||||
|
final bool showUndo; |
||||||
|
final bool showRedo; |
||||||
|
final bool showDirection; |
||||||
|
final bool showSearchButton; |
||||||
|
final bool showSubscript; |
||||||
|
final bool showSuperscript; |
||||||
|
|
||||||
|
/// Toolbar items to display for controls of embed blocks |
||||||
|
final List<EmbedButtonBuilder>? embedButtons; |
||||||
|
|
||||||
|
// ///The theme to use for the icons in the toolbar, uses type [QuillIconTheme] |
||||||
|
// final QuillIconTheme? iconTheme; |
||||||
|
|
||||||
|
///The theme to use for the theming of the [LinkDialog()], |
||||||
|
///shown when embedding an image, for example |
||||||
|
final QuillDialogTheme? dialogTheme; |
||||||
|
|
||||||
|
/// Defines which dialog is used for applying link attribute. |
||||||
|
final LinkStyleType linkStyleType; |
||||||
|
|
||||||
|
@override |
||||||
|
List<Object?> get props => [ |
||||||
|
buttonOptions, |
||||||
|
multiRowsDisplay, |
||||||
|
fontSizesValues, |
||||||
|
toolbarSize, |
||||||
|
axis, |
||||||
|
]; |
||||||
|
} |
||||||
|
|
||||||
|
/// The configurations for the buttons of the toolbar widget of flutter quill |
||||||
|
@immutable |
||||||
|
class QuillToolbarButtonOptions extends Equatable { |
||||||
|
const QuillToolbarButtonOptions({ |
||||||
|
this.base = const QuillToolbarBaseButtonOptions(), |
||||||
|
this.undoHistory = const QuillToolbarHistoryButtonOptions( |
||||||
|
isUndo: true, |
||||||
|
), |
||||||
|
this.redoHistory = const QuillToolbarHistoryButtonOptions( |
||||||
|
isUndo: false, |
||||||
|
), |
||||||
|
this.fontFamily = const QuillToolbarFontFamilyButtonOptions(), |
||||||
|
this.fontSize = const QuillToolbarFontSizeButtonOptions(), |
||||||
|
this.bold = const QuillToolbarToggleStyleButtonOptions(), |
||||||
|
this.subscript = const QuillToolbarToggleStyleButtonOptions(), |
||||||
|
this.superscript = const QuillToolbarToggleStyleButtonOptions(), |
||||||
|
this.italic = const QuillToolbarToggleStyleButtonOptions(), |
||||||
|
this.small = const QuillToolbarToggleStyleButtonOptions(), |
||||||
|
this.underLine = const QuillToolbarToggleStyleButtonOptions(), |
||||||
|
this.strikeThrough = const QuillToolbarToggleStyleButtonOptions(), |
||||||
|
this.inlineCode = const QuillToolbarToggleStyleButtonOptions(), |
||||||
|
this.direction = const QuillToolbarToggleStyleButtonOptions(), |
||||||
|
this.listNumbers = const QuillToolbarToggleStyleButtonOptions(), |
||||||
|
this.listBullets = const QuillToolbarToggleStyleButtonOptions(), |
||||||
|
this.codeBlock = const QuillToolbarToggleStyleButtonOptions(), |
||||||
|
this.quote = const QuillToolbarToggleStyleButtonOptions(), |
||||||
|
this.toggleCheckList = const QuillToolbarToggleCheckListButtonOptions(), |
||||||
|
this.indentIncrease = const QuillToolbarIndentButtonOptions(), |
||||||
|
this.indentDecrease = const QuillToolbarIndentButtonOptions(), |
||||||
|
this.color = const QuillToolbarColorButtonOptions(), |
||||||
|
this.backgroundColor = const QuillToolbarColorButtonOptions(), |
||||||
|
this.clearFormat = const QuillToolbarClearFormatButtonOptions(), |
||||||
|
this.selectAlignmentButtons = |
||||||
|
const QuillToolbarSelectAlignmentButtonOptions(), |
||||||
|
this.search = const QuillToolbarSearchButtonOptions(), |
||||||
|
this.selectHeaderStyleButtons = |
||||||
|
const QuillToolbarSelectHeaderStyleButtonsOptions(), |
||||||
|
this.linkStyle = const QuillToolbarLinkStyleButtonOptions(), |
||||||
|
this.linkStyle2 = const QuillToolbarLinkStyleButton2Options(), |
||||||
|
this.customButtons = const QuillToolbarCustomButtonOptions(), |
||||||
|
}); |
||||||
|
|
||||||
|
/// The base configurations for all the buttons which will apply to all |
||||||
|
/// but if the options overrided in the spesefic button options |
||||||
|
/// then it will use that instead |
||||||
|
final QuillToolbarBaseButtonOptions base; |
||||||
|
final QuillToolbarHistoryButtonOptions undoHistory; |
||||||
|
final QuillToolbarHistoryButtonOptions redoHistory; |
||||||
|
final QuillToolbarFontFamilyButtonOptions fontFamily; |
||||||
|
final QuillToolbarFontSizeButtonOptions fontSize; |
||||||
|
final QuillToolbarToggleStyleButtonOptions bold; |
||||||
|
final QuillToolbarToggleStyleButtonOptions subscript; |
||||||
|
final QuillToolbarToggleStyleButtonOptions superscript; |
||||||
|
final QuillToolbarToggleStyleButtonOptions italic; |
||||||
|
final QuillToolbarToggleStyleButtonOptions small; |
||||||
|
final QuillToolbarToggleStyleButtonOptions underLine; |
||||||
|
final QuillToolbarToggleStyleButtonOptions strikeThrough; |
||||||
|
final QuillToolbarToggleStyleButtonOptions inlineCode; |
||||||
|
final QuillToolbarToggleStyleButtonOptions direction; |
||||||
|
final QuillToolbarToggleStyleButtonOptions listNumbers; |
||||||
|
final QuillToolbarToggleStyleButtonOptions listBullets; |
||||||
|
final QuillToolbarToggleStyleButtonOptions codeBlock; |
||||||
|
final QuillToolbarToggleStyleButtonOptions quote; |
||||||
|
final QuillToolbarToggleCheckListButtonOptions toggleCheckList; |
||||||
|
final QuillToolbarIndentButtonOptions indentIncrease; |
||||||
|
final QuillToolbarIndentButtonOptions indentDecrease; |
||||||
|
final QuillToolbarColorButtonOptions color; |
||||||
|
final QuillToolbarColorButtonOptions backgroundColor; |
||||||
|
final QuillToolbarClearFormatButtonOptions clearFormat; |
||||||
|
|
||||||
|
/// The reason we call this buttons in the end because this is responsible |
||||||
|
/// for all the alignment buttons and not just one, you still |
||||||
|
/// can customize the icons and tooltips |
||||||
|
/// and you have child builder |
||||||
|
final QuillToolbarSelectAlignmentButtonOptions selectAlignmentButtons; |
||||||
|
|
||||||
|
final QuillToolbarSearchButtonOptions search; |
||||||
|
|
||||||
|
/// The reason we call this buttons in the end because this is responsible |
||||||
|
/// for all the header style buttons and not just one, you still |
||||||
|
/// can customize it and you also have child builder |
||||||
|
final QuillToolbarSelectHeaderStyleButtonsOptions selectHeaderStyleButtons; |
||||||
|
|
||||||
|
final QuillToolbarLinkStyleButtonOptions linkStyle; |
||||||
|
final QuillToolbarLinkStyleButton2Options linkStyle2; |
||||||
|
|
||||||
|
final QuillToolbarCustomButtonOptions customButtons; |
||||||
|
|
||||||
|
@override |
||||||
|
List<Object?> get props => [ |
||||||
|
base, |
||||||
|
]; |
||||||
|
} |
||||||
@ -1,317 +1,33 @@ |
|||||||
import 'package:equatable/equatable.dart'; |
|
||||||
import 'package:flutter/foundation.dart' show immutable; |
|
||||||
import 'package:flutter/widgets.dart' |
import 'package:flutter/widgets.dart' |
||||||
show Axis, Widget, WrapAlignment, WrapCrossAlignment; |
show Axis, WrapAlignment, WrapCrossAlignment, immutable; |
||||||
|
|
||||||
import '../../../widgets/controller.dart'; |
import '../../../widgets/toolbar/base_toolbar.dart'; |
||||||
import '../../../widgets/embeds.dart'; |
|
||||||
import '../../themes/quill_dialog_theme.dart'; |
|
||||||
import '../../themes/quill_icon_theme.dart'; |
|
||||||
import 'buttons/base.dart'; |
|
||||||
import 'buttons/clear_format.dart'; |
|
||||||
import 'buttons/color.dart'; |
|
||||||
import 'buttons/custom_button.dart'; |
|
||||||
import 'buttons/font_family.dart'; |
|
||||||
import 'buttons/font_size.dart'; |
|
||||||
import 'buttons/history.dart'; |
|
||||||
import 'buttons/indent.dart'; |
|
||||||
import 'buttons/link_style.dart'; |
|
||||||
import 'buttons/link_style2.dart'; |
|
||||||
import 'buttons/search.dart'; |
|
||||||
import 'buttons/select_alignment.dart'; |
|
||||||
import 'buttons/select_header_style.dart'; |
|
||||||
import 'buttons/toggle_check_list.dart'; |
|
||||||
import 'buttons/toggle_style.dart'; |
|
||||||
import 'toolbar_shared_configurations.dart'; |
import 'toolbar_shared_configurations.dart'; |
||||||
|
|
||||||
export './../../../widgets/toolbar/buttons/search/search_dialog.dart'; |
|
||||||
export './buttons/base.dart'; |
|
||||||
export './buttons/clear_format.dart'; |
|
||||||
export './buttons/color.dart'; |
|
||||||
export './buttons/custom_button.dart'; |
|
||||||
export './buttons/font_family.dart'; |
|
||||||
export './buttons/font_size.dart'; |
|
||||||
export './buttons/history.dart'; |
|
||||||
export './buttons/indent.dart'; |
|
||||||
export './buttons/link_style.dart'; |
|
||||||
export './buttons/link_style2.dart'; |
|
||||||
export './buttons/search.dart'; |
|
||||||
export './buttons/select_alignment.dart'; |
|
||||||
export './buttons/select_header_style.dart'; |
|
||||||
export './buttons/toggle_check_list.dart'; |
|
||||||
export './buttons/toggle_style.dart'; |
|
||||||
|
|
||||||
/// The default size of the icon of a button. |
|
||||||
const double kDefaultIconSize = 18; |
|
||||||
|
|
||||||
/// The default size for the toolbar (width, height) |
|
||||||
const double defaultToolbarSize = kDefaultIconSize * 2; |
|
||||||
|
|
||||||
/// The factor of how much larger the button is in relation to the icon. |
|
||||||
const double kIconButtonFactor = 1.77; |
|
||||||
|
|
||||||
/// The horizontal margin between the contents of each toolbar section. |
|
||||||
const double kToolbarSectionSpacing = 4; |
|
||||||
|
|
||||||
enum LinkStyleType { |
|
||||||
/// Defines the original [QuillToolbarLinkStyleButton]. |
|
||||||
original, |
|
||||||
|
|
||||||
/// Defines the alternative [QuillToolbarLinkStyleButton2]. |
|
||||||
alternative; |
|
||||||
|
|
||||||
bool get isOriginal => this == LinkStyleType.original; |
|
||||||
bool get isAlternative => this == LinkStyleType.alternative; |
|
||||||
} |
|
||||||
|
|
||||||
/// The configurations for the toolbar widget of flutter quill |
|
||||||
@immutable |
@immutable |
||||||
class QuillToolbarConfigurations extends QuillSharedToolbarProperties { |
class QuillToolbarConfigurations extends QuillSharedToolbarProperties { |
||||||
const QuillToolbarConfigurations({ |
const QuillToolbarConfigurations({ |
||||||
required this.controller, |
required this.childrenBuilder, |
||||||
|
super.axis = Axis.horizontal, |
||||||
|
super.toolbarSize = kDefaultIconSize * 2, |
||||||
super.toolbarSectionSpacing = kToolbarSectionSpacing, |
super.toolbarSectionSpacing = kToolbarSectionSpacing, |
||||||
super.toolbarIconAlignment = WrapAlignment.center, |
super.toolbarIconAlignment = WrapAlignment.center, |
||||||
super.toolbarIconCrossAlignment = WrapCrossAlignment.center, |
super.toolbarIconCrossAlignment = WrapCrossAlignment.center, |
||||||
super.buttonOptions = const QuillToolbarButtonOptions(), |
|
||||||
super.multiRowsDisplay = true, |
|
||||||
this.fontSizesValues, |
|
||||||
this.showDividers = true, |
|
||||||
this.showFontFamily = true, |
|
||||||
this.showFontSize = true, |
|
||||||
this.showBoldButton = true, |
|
||||||
this.showItalicButton = true, |
|
||||||
this.showSmallButton = false, |
|
||||||
this.showUnderLineButton = true, |
|
||||||
this.showStrikeThrough = true, |
|
||||||
this.showInlineCode = true, |
|
||||||
this.showColorButton = true, |
|
||||||
this.showBackgroundColorButton = true, |
|
||||||
this.showClearFormat = true, |
|
||||||
this.showAlignmentButtons = false, |
|
||||||
this.showLeftAlignment = true, |
|
||||||
this.showCenterAlignment = true, |
|
||||||
this.showRightAlignment = true, |
|
||||||
this.showJustifyAlignment = true, |
|
||||||
this.showHeaderStyle = true, |
|
||||||
this.showListNumbers = true, |
|
||||||
this.showListBullets = true, |
|
||||||
this.showListCheck = true, |
|
||||||
this.showCodeBlock = true, |
|
||||||
this.showQuote = true, |
|
||||||
this.showIndent = true, |
|
||||||
this.showLink = true, |
|
||||||
this.showUndo = true, |
|
||||||
this.showRedo = true, |
|
||||||
this.showDirection = false, |
|
||||||
this.showSearchButton = true, |
|
||||||
this.showSubscript = true, |
|
||||||
this.showSuperscript = true, |
|
||||||
this.linkStyleType = LinkStyleType.original, |
|
||||||
super.customButtons = const [], |
|
||||||
|
|
||||||
/// The decoration to use for the toolbar. |
|
||||||
super.decoration, |
|
||||||
|
|
||||||
/// Toolbar items to display for controls of embed blocks |
|
||||||
this.embedButtons, |
|
||||||
super.linkDialogAction, |
|
||||||
|
|
||||||
///The theme to use for the icons in the toolbar, uses type [QuillIconTheme] |
|
||||||
// this.iconTheme, |
|
||||||
this.dialogTheme, |
|
||||||
super.axis = Axis.horizontal, |
|
||||||
super.color, |
super.color, |
||||||
|
super.customButtons = const [], |
||||||
super.sectionDividerColor, |
super.sectionDividerColor, |
||||||
super.sectionDividerSpace, |
super.sectionDividerSpace, |
||||||
this.spacerWidget, |
super.linkDialogAction, |
||||||
|
super.multiRowsDisplay = true, |
||||||
/// By default it will calculated based on the [globalIconSize] from |
super.decoration, |
||||||
/// [base] in [QuillToolbarButtonOptions] |
|
||||||
/// You can change it but the the change only apply if |
|
||||||
/// the [multiRowsDisplay] is false, if [multiRowsDisplay] then the value |
|
||||||
/// will be [kDefaultIconSize] * 2 |
|
||||||
super.toolbarSize, |
|
||||||
}) : _toolbarSize = toolbarSize; |
|
||||||
|
|
||||||
final double? _toolbarSize; |
|
||||||
|
|
||||||
/// The toolbar size, by default it will be `baseButtonOptions.iconSize * 2` |
|
||||||
@override |
|
||||||
double get toolbarSize { |
|
||||||
final alternativeToolbarSize = _toolbarSize; |
|
||||||
if (alternativeToolbarSize != null) { |
|
||||||
return alternativeToolbarSize; |
|
||||||
} |
|
||||||
return buttonOptions.base.globalIconSize * 2; |
|
||||||
} |
|
||||||
|
|
||||||
final QuillController controller; |
|
||||||
|
|
||||||
/// A widget that will placed between each button in the toolbar |
|
||||||
/// can be used as a spacer |
|
||||||
/// it will not used before the first button |
|
||||||
/// it will not used after the last button |
|
||||||
/// it will also not used in the toolbar dividers |
|
||||||
/// Default value will be [SizedBox.shrink()] |
|
||||||
/// some widgets like the header styles will be considered as one widget |
|
||||||
final Widget? spacerWidget; |
|
||||||
|
|
||||||
/// By default it will be |
|
||||||
/// ``` |
|
||||||
/// { |
|
||||||
/// 'Small'.i18n: 'small', |
|
||||||
/// 'Large'.i18n: 'large', |
|
||||||
/// 'Huge'.i18n: 'huge', |
|
||||||
/// 'Clear'.loc: '0' |
|
||||||
/// } |
|
||||||
/// ``` |
|
||||||
final Map<String, String>? fontSizesValues; |
|
||||||
|
|
||||||
final bool showDividers; |
|
||||||
final bool showFontFamily; |
|
||||||
final bool showFontSize; |
|
||||||
final bool showBoldButton; |
|
||||||
final bool showItalicButton; |
|
||||||
final bool showSmallButton; |
|
||||||
final bool showUnderLineButton; |
|
||||||
final bool showStrikeThrough; |
|
||||||
final bool showInlineCode; |
|
||||||
final bool showColorButton; |
|
||||||
final bool showBackgroundColorButton; |
|
||||||
final bool showClearFormat; |
|
||||||
final bool showAlignmentButtons; |
|
||||||
final bool showLeftAlignment; |
|
||||||
final bool showCenterAlignment; |
|
||||||
final bool showRightAlignment; |
|
||||||
final bool showJustifyAlignment; |
|
||||||
final bool showHeaderStyle; |
|
||||||
final bool showListNumbers; |
|
||||||
final bool showListBullets; |
|
||||||
final bool showListCheck; |
|
||||||
final bool showCodeBlock; |
|
||||||
final bool showQuote; |
|
||||||
final bool showIndent; |
|
||||||
final bool showLink; |
|
||||||
final bool showUndo; |
|
||||||
final bool showRedo; |
|
||||||
final bool showDirection; |
|
||||||
final bool showSearchButton; |
|
||||||
final bool showSubscript; |
|
||||||
final bool showSuperscript; |
|
||||||
|
|
||||||
/// Toolbar items to display for controls of embed blocks |
|
||||||
final List<EmbedButtonBuilder>? embedButtons; |
|
||||||
|
|
||||||
// ///The theme to use for the icons in the toolbar, uses type [QuillIconTheme] |
|
||||||
// final QuillIconTheme? iconTheme; |
|
||||||
|
|
||||||
///The theme to use for the theming of the [LinkDialog()], |
|
||||||
///shown when embedding an image, for example |
|
||||||
final QuillDialogTheme? dialogTheme; |
|
||||||
|
|
||||||
/// Defines which dialog is used for applying link attribute. |
|
||||||
final LinkStyleType linkStyleType; |
|
||||||
|
|
||||||
@override |
|
||||||
List<Object?> get props => [ |
|
||||||
buttonOptions, |
|
||||||
multiRowsDisplay, |
|
||||||
fontSizesValues, |
|
||||||
toolbarSize, |
|
||||||
axis, |
|
||||||
]; |
|
||||||
} |
|
||||||
|
|
||||||
/// The configurations for the buttons of the toolbar widget of flutter quill |
/// Note this only used when you using the quill toolbar buttons like |
||||||
@immutable |
/// `QuillToolbarHistoryButton` inside it |
||||||
class QuillToolbarButtonOptions extends Equatable { |
super.buttonOptions = const QuillToolbarButtonOptions(), |
||||||
const QuillToolbarButtonOptions({ |
|
||||||
this.base = const QuillToolbarBaseButtonOptions(), |
|
||||||
this.undoHistory = const QuillToolbarHistoryButtonOptions( |
|
||||||
isUndo: true, |
|
||||||
), |
|
||||||
this.redoHistory = const QuillToolbarHistoryButtonOptions( |
|
||||||
isUndo: false, |
|
||||||
), |
|
||||||
this.fontFamily = const QuillToolbarFontFamilyButtonOptions(), |
|
||||||
this.fontSize = const QuillToolbarFontSizeButtonOptions(), |
|
||||||
this.bold = const QuillToolbarToggleStyleButtonOptions(), |
|
||||||
this.subscript = const QuillToolbarToggleStyleButtonOptions(), |
|
||||||
this.superscript = const QuillToolbarToggleStyleButtonOptions(), |
|
||||||
this.italic = const QuillToolbarToggleStyleButtonOptions(), |
|
||||||
this.small = const QuillToolbarToggleStyleButtonOptions(), |
|
||||||
this.underLine = const QuillToolbarToggleStyleButtonOptions(), |
|
||||||
this.strikeThrough = const QuillToolbarToggleStyleButtonOptions(), |
|
||||||
this.inlineCode = const QuillToolbarToggleStyleButtonOptions(), |
|
||||||
this.direction = const QuillToolbarToggleStyleButtonOptions(), |
|
||||||
this.listNumbers = const QuillToolbarToggleStyleButtonOptions(), |
|
||||||
this.listBullets = const QuillToolbarToggleStyleButtonOptions(), |
|
||||||
this.codeBlock = const QuillToolbarToggleStyleButtonOptions(), |
|
||||||
this.quote = const QuillToolbarToggleStyleButtonOptions(), |
|
||||||
this.toggleCheckList = const QuillToolbarToggleCheckListButtonOptions(), |
|
||||||
this.indentIncrease = const QuillToolbarIndentButtonOptions(), |
|
||||||
this.indentDecrease = const QuillToolbarIndentButtonOptions(), |
|
||||||
this.color = const QuillToolbarColorButtonOptions(), |
|
||||||
this.backgroundColor = const QuillToolbarColorButtonOptions(), |
|
||||||
this.clearFormat = const QuillToolbarClearFormatButtonOptions(), |
|
||||||
this.selectAlignmentButtons = |
|
||||||
const QuillToolbarSelectAlignmentButtonOptions(), |
|
||||||
this.search = const QuillToolbarSearchButtonOptions(), |
|
||||||
this.selectHeaderStyleButtons = |
|
||||||
const QuillToolbarSelectHeaderStyleButtonsOptions(), |
|
||||||
this.linkStyle = const QuillToolbarLinkStyleButtonOptions(), |
|
||||||
this.linkStyle2 = const QuillToolbarLinkStyleButton2Options(), |
|
||||||
this.customButtons = const QuillToolbarCustomButtonOptions(), |
|
||||||
}); |
}); |
||||||
|
|
||||||
/// The base configurations for all the buttons which will apply to all |
final QuillBaseToolbarChildrenBuilder childrenBuilder; |
||||||
/// but if the options overrided in the spesefic button options |
|
||||||
/// then it will use that instead |
|
||||||
final QuillToolbarBaseButtonOptions base; |
|
||||||
final QuillToolbarHistoryButtonOptions undoHistory; |
|
||||||
final QuillToolbarHistoryButtonOptions redoHistory; |
|
||||||
final QuillToolbarFontFamilyButtonOptions fontFamily; |
|
||||||
final QuillToolbarFontSizeButtonOptions fontSize; |
|
||||||
final QuillToolbarToggleStyleButtonOptions bold; |
|
||||||
final QuillToolbarToggleStyleButtonOptions subscript; |
|
||||||
final QuillToolbarToggleStyleButtonOptions superscript; |
|
||||||
final QuillToolbarToggleStyleButtonOptions italic; |
|
||||||
final QuillToolbarToggleStyleButtonOptions small; |
|
||||||
final QuillToolbarToggleStyleButtonOptions underLine; |
|
||||||
final QuillToolbarToggleStyleButtonOptions strikeThrough; |
|
||||||
final QuillToolbarToggleStyleButtonOptions inlineCode; |
|
||||||
final QuillToolbarToggleStyleButtonOptions direction; |
|
||||||
final QuillToolbarToggleStyleButtonOptions listNumbers; |
|
||||||
final QuillToolbarToggleStyleButtonOptions listBullets; |
|
||||||
final QuillToolbarToggleStyleButtonOptions codeBlock; |
|
||||||
final QuillToolbarToggleStyleButtonOptions quote; |
|
||||||
final QuillToolbarToggleCheckListButtonOptions toggleCheckList; |
|
||||||
final QuillToolbarIndentButtonOptions indentIncrease; |
|
||||||
final QuillToolbarIndentButtonOptions indentDecrease; |
|
||||||
final QuillToolbarColorButtonOptions color; |
|
||||||
final QuillToolbarColorButtonOptions backgroundColor; |
|
||||||
final QuillToolbarClearFormatButtonOptions clearFormat; |
|
||||||
|
|
||||||
/// The reason we call this buttons in the end because this is responsible |
|
||||||
/// for all the alignment buttons and not just one, you still |
|
||||||
/// can customize the icons and tooltips |
|
||||||
/// and you have child builder |
|
||||||
final QuillToolbarSelectAlignmentButtonOptions selectAlignmentButtons; |
|
||||||
|
|
||||||
final QuillToolbarSearchButtonOptions search; |
|
||||||
|
|
||||||
/// The reason we call this buttons in the end because this is responsible |
|
||||||
/// for all the header style buttons and not just one, you still |
|
||||||
/// can customize it and you also have child builder |
|
||||||
final QuillToolbarSelectHeaderStyleButtonsOptions selectHeaderStyleButtons; |
|
||||||
|
|
||||||
final QuillToolbarLinkStyleButtonOptions linkStyle; |
|
||||||
final QuillToolbarLinkStyleButton2Options linkStyle2; |
|
||||||
|
|
||||||
final QuillToolbarCustomButtonOptions customButtons; |
|
||||||
|
|
||||||
@override |
@override |
||||||
List<Object?> get props => [ |
List<Object?> get props => []; |
||||||
base, |
|
||||||
]; |
|
||||||
} |
} |
||||||
|
|||||||
@ -1,6 +1,6 @@ |
|||||||
import 'package:flutter/rendering.dart'; |
import 'package:flutter/rendering.dart'; |
||||||
|
|
||||||
import '../models/documents/nodes/container.dart'; |
import '../../models/documents/nodes/container.dart'; |
||||||
|
|
||||||
/// A common interface to render boxes which represent a piece of rich text |
/// A common interface to render boxes which represent a piece of rich text |
||||||
/// content. |
/// content. |
||||||
@ -1,9 +1,9 @@ |
|||||||
import 'package:flutter/material.dart'; |
import 'package:flutter/material.dart'; |
||||||
|
|
||||||
import '../../extensions.dart'; |
import '../../../extensions.dart'; |
||||||
import '../models/documents/nodes/leaf.dart' as leaf; |
import '../../models/documents/nodes/leaf.dart' as leaf; |
||||||
import '../models/themes/quill_dialog_theme.dart'; |
import '../../models/themes/quill_dialog_theme.dart'; |
||||||
import '../models/themes/quill_icon_theme.dart'; |
import '../../models/themes/quill_icon_theme.dart'; |
||||||
import 'controller.dart'; |
import 'controller.dart'; |
||||||
|
|
||||||
abstract class EmbedBuilder { |
abstract class EmbedBuilder { |
||||||
@ -1,22 +1,22 @@ |
|||||||
import 'package:flutter/material.dart'; |
import 'package:flutter/material.dart'; |
||||||
import 'package:flutter/rendering.dart'; |
import 'package:flutter/rendering.dart'; |
||||||
|
|
||||||
import '../extensions/quill_provider.dart'; |
import '../../extensions/quill_provider.dart'; |
||||||
import '../models/documents/attribute.dart'; |
import '../../models/documents/attribute.dart'; |
||||||
import '../models/documents/nodes/block.dart'; |
import '../../models/documents/nodes/block.dart'; |
||||||
import '../models/documents/nodes/line.dart'; |
import '../../models/documents/nodes/line.dart'; |
||||||
import '../models/structs/vertical_spacing.dart'; |
import '../../models/structs/vertical_spacing.dart'; |
||||||
import '../utils/delta.dart'; |
import '../../utils/delta.dart'; |
||||||
import 'box.dart'; |
import 'box.dart'; |
||||||
import 'controller.dart'; |
import 'controller.dart'; |
||||||
import 'cursor.dart'; |
import 'cursor.dart'; |
||||||
import 'default_styles.dart'; |
import 'default_styles.dart'; |
||||||
import 'delegate.dart'; |
import 'delegate.dart'; |
||||||
import 'editor/editor.dart'; |
import '../editor/editor.dart'; |
||||||
import 'link.dart'; |
import 'link.dart'; |
||||||
import 'style_widgets/bullet_point.dart'; |
import '../style_widgets/bullet_point.dart'; |
||||||
import 'style_widgets/checkbox_point.dart'; |
import '../style_widgets/checkbox_point.dart'; |
||||||
import 'style_widgets/number_point.dart'; |
import '../style_widgets/number_point.dart'; |
||||||
import 'text_line.dart'; |
import 'text_line.dart'; |
||||||
import 'text_selection.dart'; |
import 'text_selection.dart'; |
||||||
|
|
||||||
@ -1 +1 @@ |
|||||||
const version = '9.0.0-dev-2'; |
const version = '9.0.0-dev-3'; |
||||||
|
|||||||
Loading…
Reference in new issue