AtlasAutocode
8 months ago
commit
434a24f3c0
84 changed files with 487 additions and 1080 deletions
File diff suppressed because one or more lines are too long
@ -1,12 +0,0 @@ |
||||
import 'package:cross_file/cross_file.dart' show XFile; |
||||
|
||||
typedef MediaFileUrl = String; |
||||
typedef MediaFilePicker = Future<XFile?> Function(QuillMediaType mediaType); |
||||
typedef MediaPickedCallback = Future<MediaFileUrl> Function(XFile file); |
||||
|
||||
enum QuillMediaType { image, video } |
||||
|
||||
extension QuillMediaTypeX on QuillMediaType { |
||||
bool get isImage => this == QuillMediaType.image; |
||||
bool get isVideo => this == QuillMediaType.video; |
||||
} |
||||
@ -1,277 +0,0 @@ |
||||
import 'package:flutter/material.dart'; |
||||
import 'package:flutter_quill/flutter_quill.dart' show QuillDialogTheme; |
||||
import 'package:flutter_quill/translations.dart'; |
||||
|
||||
import '../../utils/patterns.dart'; |
||||
|
||||
enum LinkType { |
||||
video, |
||||
image, |
||||
} |
||||
|
||||
class TypeLinkDialog extends StatefulWidget { |
||||
const TypeLinkDialog({ |
||||
required this.linkType, |
||||
this.dialogTheme, |
||||
this.link, |
||||
this.linkRegExp, |
||||
super.key, |
||||
}); |
||||
|
||||
final QuillDialogTheme? dialogTheme; |
||||
final String? link; |
||||
final RegExp? linkRegExp; |
||||
final LinkType linkType; |
||||
|
||||
@override |
||||
TypeLinkDialogState createState() => TypeLinkDialogState(); |
||||
} |
||||
|
||||
class TypeLinkDialogState extends State<TypeLinkDialog> { |
||||
late String _link; |
||||
late TextEditingController _controller; |
||||
RegExp? _linkRegExp; |
||||
|
||||
@override |
||||
void initState() { |
||||
super.initState(); |
||||
_link = widget.link ?? ''; |
||||
_controller = TextEditingController(text: _link); |
||||
|
||||
_linkRegExp = widget.linkRegExp; |
||||
} |
||||
|
||||
@override |
||||
void dispose() { |
||||
_controller.dispose(); |
||||
super.dispose(); |
||||
} |
||||
|
||||
@override |
||||
Widget build(BuildContext context) { |
||||
return AlertDialog( |
||||
backgroundColor: widget.dialogTheme?.dialogBackgroundColor, |
||||
content: TextField( |
||||
keyboardType: TextInputType.url, |
||||
textInputAction: TextInputAction.done, |
||||
maxLines: null, |
||||
style: widget.dialogTheme?.inputTextStyle, |
||||
decoration: InputDecoration( |
||||
labelText: context.loc.pasteLink, |
||||
hintText: widget.linkType == LinkType.image |
||||
? context.loc.pleaseEnterAValidImageURL |
||||
: context.loc.pleaseEnterAValidVideoURL, |
||||
labelStyle: widget.dialogTheme?.labelTextStyle, |
||||
floatingLabelStyle: widget.dialogTheme?.labelTextStyle, |
||||
), |
||||
autofocus: true, |
||||
onChanged: _linkChanged, |
||||
controller: _controller, |
||||
onEditingComplete: () { |
||||
if (!_canPress()) { |
||||
return; |
||||
} |
||||
_applyLink(); |
||||
}, |
||||
), |
||||
actions: [ |
||||
TextButton( |
||||
onPressed: _canPress() ? _applyLink : null, |
||||
child: Text( |
||||
context.loc.ok, |
||||
style: widget.dialogTheme?.labelTextStyle, |
||||
), |
||||
), |
||||
], |
||||
); |
||||
} |
||||
|
||||
void _linkChanged(String value) { |
||||
setState(() { |
||||
_link = value; |
||||
}); |
||||
} |
||||
|
||||
void _applyLink() { |
||||
Navigator.pop(context, _link.trim()); |
||||
} |
||||
|
||||
RegExp get linkRegExp { |
||||
final customRegExp = _linkRegExp; |
||||
if (customRegExp != null) { |
||||
return customRegExp; |
||||
} |
||||
switch (widget.linkType) { |
||||
case LinkType.video: |
||||
if (youtubeRegExp.hasMatch(_link)) { |
||||
return youtubeRegExp; |
||||
} |
||||
return videoRegExp; |
||||
case LinkType.image: |
||||
return imageRegExp; |
||||
} |
||||
} |
||||
|
||||
bool _canPress() { |
||||
if (_link.isEmpty) { |
||||
return false; |
||||
} |
||||
if (widget.linkType == LinkType.image) {} |
||||
return _link.isNotEmpty && linkRegExp.hasMatch(_link); |
||||
} |
||||
} |
||||
|
||||
// @immutable |
||||
// class ImageVideoUtils { |
||||
// const ImageVideoUtils._(); |
||||
// static Future<MediaPickSetting?> selectMediaPickSetting( |
||||
// BuildContext context, |
||||
// ) => |
||||
// showDialog<MediaPickSetting>( |
||||
// context: context, |
||||
// builder: (ctx) => AlertDialog( |
||||
// contentPadding: EdgeInsets.zero, |
||||
// content: Column( |
||||
// mainAxisSize: MainAxisSize.min, |
||||
// children: [ |
||||
// TextButton.icon( |
||||
// icon: const Icon( |
||||
// Icons.collections, |
||||
// color: Colors.orangeAccent, |
||||
// ), |
||||
// label: Text('Gallery'.i18n), |
||||
// onPressed: () => Navigator.pop(ctx, |
||||
// MediaPickSetting.gallery), |
||||
// ), |
||||
// TextButton.icon( |
||||
// icon: const Icon( |
||||
// Icons.link, |
||||
// color: Colors.cyanAccent, |
||||
// ), |
||||
// label: Text('Link'.i18n), |
||||
// onPressed: () => Navigator.pop(ctx, MediaPickSetting.link), |
||||
// ) |
||||
// ], |
||||
// ), |
||||
// ), |
||||
// ); |
||||
|
||||
// /// For image picking logic |
||||
// static Future<void> handleImageButtonTap( |
||||
// BuildContext context, |
||||
// QuillController controller, |
||||
// ImageSource imageSource, |
||||
// OnImagePickCallback onImagePickCallback, { |
||||
// FilePickImpl? filePickImpl, |
||||
// WebImagePickImpl? webImagePickImpl, |
||||
// }) async { |
||||
// String? imageUrl; |
||||
// if (kIsWeb) { |
||||
// if (webImagePickImpl != null) { |
||||
// imageUrl = await webImagePickImpl(onImagePickCallback); |
||||
// return; |
||||
// } |
||||
// final file = await ImagePicker() |
||||
//.pickImage(source: ImageSource.gallery); |
||||
// imageUrl = file?.path; |
||||
// if (imageUrl == null) { |
||||
// return; |
||||
// } |
||||
// } else if (isMobile()) { |
||||
// imageUrl = await _pickImage(imageSource, onImagePickCallback); |
||||
// } else { |
||||
// assert(filePickImpl != null, 'Desktop must provide filePickImpl'); |
||||
// imageUrl = |
||||
// await _pickImageDesktop |
||||
//(context, filePickImpl!, onImagePickCallback); |
||||
// } |
||||
|
||||
// if (imageUrl == null) { |
||||
// return; |
||||
// } |
||||
|
||||
// controller.insertImageBlock( |
||||
// imageUrl: imageUrl, |
||||
// ); |
||||
// } |
||||
|
||||
// static Future<String?> _pickImage( |
||||
// ImageSource source, |
||||
// OnImagePickCallback onImagePickCallback, |
||||
// ) async { |
||||
// final pickedFile = await ImagePicker().pickImage(source: source); |
||||
// if (pickedFile == null) { |
||||
// return null; |
||||
// } |
||||
|
||||
// return onImagePickCallback(File(pickedFile.path)); |
||||
// } |
||||
|
||||
// static Future<String?> _pickImageDesktop( |
||||
// BuildContext context, |
||||
// FilePickImpl filePickImpl, |
||||
// OnImagePickCallback onImagePickCallback, |
||||
// ) async { |
||||
// final filePath = await filePickImpl(context); |
||||
// if (filePath == null || filePath.isEmpty) return null; |
||||
|
||||
// final file = File(filePath); |
||||
// return onImagePickCallback(file); |
||||
// } |
||||
|
||||
// /// For video picking logic |
||||
// static Future<void> handleVideoButtonTap( |
||||
// BuildContext context, |
||||
// QuillController controller, |
||||
// ImageSource videoSource, |
||||
// OnVideoPickCallback onVideoPickCallback, { |
||||
// FilePickImpl? filePickImpl, |
||||
// WebVideoPickImpl? webVideoPickImpl, |
||||
// }) async { |
||||
// final index = controller.selection.baseOffset; |
||||
// final length = controller.selection.extentOffset - index; |
||||
|
||||
// String? videoUrl; |
||||
// if (kIsWeb) { |
||||
// assert( |
||||
// webVideoPickImpl != null, |
||||
// 'Please provide webVideoPickImpl for Web ' |
||||
// 'in the options of this button', |
||||
// ); |
||||
// videoUrl = await webVideoPickImpl!(onVideoPickCallback); |
||||
// } else if (isMobile()) { |
||||
// videoUrl = await _pickVideo(videoSource, onVideoPickCallback); |
||||
// } else { |
||||
// assert(filePickImpl != null, 'Desktop must provide filePickImpl'); |
||||
// videoUrl = |
||||
// await _pickVideoDesktop(context, filePickImpl!, |
||||
// onVideoPickCallback); |
||||
// } |
||||
|
||||
// if (videoUrl != null) { |
||||
// controller.replaceText(index, length, BlockEmbed.video(videoUrl), |
||||
// null); |
||||
// } |
||||
// } |
||||
|
||||
// static Future<String?> _pickVideo( |
||||
// ImageSource source, OnVideoPickCallback onVideoPickCallback) async { |
||||
// final pickedFile = await ImagePicker().pickVideo(source: source); |
||||
// if (pickedFile == null) { |
||||
// return null; |
||||
// } |
||||
|
||||
// return onVideoPickCallback(File(pickedFile.path)); |
||||
// } |
||||
|
||||
// static Future<String?> _pickVideoDesktop( |
||||
// BuildContext context, |
||||
// FilePickImpl filePickImpl, |
||||
// OnVideoPickCallback onVideoPickCallback) async { |
||||
// final filePath = await filePickImpl(context); |
||||
// if (filePath == null || filePath.isEmpty) return null; |
||||
|
||||
// final file = File(filePath); |
||||
// return onVideoPickCallback(file); |
||||
// } |
||||
// } |
||||
@ -1,537 +0,0 @@ |
||||
// // ignore_for_file: use_build_context_synchronously |
||||
|
||||
// import 'dart:math' as math; |
||||
// import 'dart:ui'; |
||||
|
||||
// import 'package:flutter/foundation.dart'; |
||||
// import 'package:flutter/material.dart'; |
||||
// import 'package:flutter_quill/extensions.dart'; |
||||
// import 'package:flutter_quill/flutter_quill.dart'; |
||||
// import 'package:flutter_quill/translations.dart'; |
||||
// import 'package:image_picker/image_picker.dart'; |
||||
|
||||
// import '../../../models/config/toolbar/buttons/media_button.dart'; |
||||
// import '../../embed_types.dart'; |
||||
// import '../utils/image_video_utils.dart'; |
||||
|
||||
// /// Widget which combines [ImageButton] and [VideButton] widgets. This widget |
||||
// /// has more customization and uses dialog similar to one which is used |
||||
// /// on [http://quilljs.com]. |
||||
// class QuillToolbarMediaButton extends StatelessWidget { |
||||
// QuillToolbarMediaButton({ |
||||
// required this.controller, |
||||
// this.options, |
||||
// super.key, |
||||
// }) : assert(options.type == QuillMediaType.image, |
||||
// 'Video selection is not supported yet'); |
||||
|
||||
// final QuillController controller; |
||||
// final QuillToolbarMediaButtonOptions options; |
||||
|
||||
// double _iconSize(BuildContext context) { |
||||
// final baseFontSize = baseButtonExtraOptions(context).globalIconSize; |
||||
// final iconSize = options.iconSize; |
||||
// return iconSize ?? baseFontSize; |
||||
// } |
||||
|
||||
// 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.requireQuillToolbarBaseButtonOptions; |
||||
// } |
||||
|
||||
// (IconData, String) get _defaultData { |
||||
// switch (options.type) { |
||||
// case QuillMediaType.image: |
||||
// return (Icons.perm_media, 'Photo media button'); |
||||
// case QuillMediaType.video: |
||||
// throw UnsupportedError('The video is not supported yet.'); |
||||
// } |
||||
// } |
||||
|
||||
// IconData _iconData(BuildContext context) { |
||||
// return options.iconData ?? |
||||
// baseButtonExtraOptions(context).iconData ?? |
||||
// _defaultData.$1; |
||||
// } |
||||
|
||||
// String _tooltip(BuildContext context) { |
||||
// return options.tooltip ?? |
||||
// baseButtonExtraOptions(context).tooltip ?? |
||||
// _defaultData.$2; |
||||
// // ('Camera'.i18n); |
||||
// } |
||||
|
||||
// void _sharedOnPressed(BuildContext context) { |
||||
// _onPressedHandler(context); |
||||
// _afterButtonPressed(context); |
||||
// } |
||||
|
||||
// @override |
||||
// Widget build(BuildContext context) { |
||||
// final tooltip = _tooltip(context); |
||||
// final iconSize = _iconSize(context); |
||||
// final iconData = _iconData(context); |
||||
// final childBuilder = |
||||
// options.childBuilder ?? baseButtonExtraOptions(context).childBuilder; |
||||
// final iconTheme = _iconTheme(context); |
||||
|
||||
// if (childBuilder != null) { |
||||
// return childBuilder( |
||||
// QuillToolbarMediaButtonOptions( |
||||
// type: options.type, |
||||
// onMediaPickedCallback: options.onMediaPickedCallback, |
||||
// onImagePickCallback: options.onImagePickCallback, |
||||
// onVideoPickCallback: options.onVideoPickCallback, |
||||
// iconData: iconData, |
||||
// afterButtonPressed: _afterButtonPressed(context), |
||||
// autovalidateMode: options.autovalidateMode, |
||||
// childrenSpacing: options.childrenSpacing, |
||||
// dialogBarrierColor: options.dialogBarrierColor, |
||||
// dialogTheme: options.dialogTheme, |
||||
// filePickImpl: options.filePickImpl, |
||||
// fillColor: options.fillColor, |
||||
// galleryButtonText: options.galleryButtonText, |
||||
// iconTheme: iconTheme, |
||||
// iconSize: iconSize, |
||||
// iconButtonFactor: iconButtonFactor, |
||||
// hintText: options.hintText, |
||||
// labelText: options.labelText, |
||||
// submitButtonSize: options.submitButtonSize, |
||||
// linkButtonText: options.linkButtonText, |
||||
// mediaFilePicker: options.mediaFilePicker, |
||||
// submitButtonText: options.submitButtonText, |
||||
// validationMessage: options.validationMessage, |
||||
// webImagePickImpl: options.webImagePickImpl, |
||||
// webVideoPickImpl: options.webVideoPickImpl, |
||||
// tooltip: options.tooltip, |
||||
// ), |
||||
// QuillToolbarMediaButtonExtraOptions( |
||||
// context: context, |
||||
// controller: controller, |
||||
// onPressed: () => _sharedOnPressed(context), |
||||
// ), |
||||
// ); |
||||
// } |
||||
|
||||
// final theme = Theme.of(context); |
||||
|
||||
// final iconColor = |
||||
// options.iconTheme?.iconUnselectedColor ?? theme.iconTheme.color; |
||||
// final iconFillColor = options.iconTheme?.iconUnselectedFillColor ?? |
||||
// options.fillColor ?? |
||||
// theme.canvasColor; |
||||
|
||||
// return QuillToolbarIconButton( |
||||
// icon: Icon(iconData, size: iconSize, color: iconColor), |
||||
// tooltip: tooltip, |
||||
// highlightElevation: 0, |
||||
// hoverElevation: 0, |
||||
// size: iconSize * iconButtonFactor, |
||||
// fillColor: iconFillColor, |
||||
// borderRadius: iconTheme?.borderRadius ?? 2, |
||||
// onPressed: () => _sharedOnPressed(context), |
||||
// ); |
||||
// } |
||||
|
||||
// Future<void> _onPressedHandler(BuildContext context) async { |
||||
// if (options.onMediaPickedCallback == null) { |
||||
// _inputLink(context); |
||||
// return; |
||||
// } |
||||
// final mediaSource = await showDialog<MediaPickSetting>( |
||||
// context: context, |
||||
// builder: (_) => MediaSourceSelectorDialog( |
||||
// dialogTheme: options.dialogTheme, |
||||
// galleryButtonText: options.galleryButtonText, |
||||
// linkButtonText: options.linkButtonText, |
||||
// ), |
||||
// ); |
||||
// if (mediaSource == null) { |
||||
// return; |
||||
// } |
||||
// switch (mediaSource) { |
||||
// case MediaPickSetting.gallery: |
||||
// await _pickImage(); |
||||
// break; |
||||
// case MediaPickSetting.link: |
||||
// _inputLink(context); |
||||
// break; |
||||
// case MediaPickSetting.camera: |
||||
// await ImageVideoUtils.handleImageButtonTap( |
||||
// context, |
||||
// controller, |
||||
// ImageSource.camera, |
||||
// options.onImagePickCallback, |
||||
// filePickImpl: options.filePickImpl, |
||||
// webImagePickImpl: options.webImagePickImpl, |
||||
// ); |
||||
// break; |
||||
// case MediaPickSetting.video: |
||||
// await ImageVideoUtils.handleVideoButtonTap( |
||||
// context, |
||||
// controller, |
||||
// ImageSource.camera, |
||||
// options.onVideoPickCallback, |
||||
// filePickImpl: options.filePickImpl, |
||||
// webVideoPickImpl: options.webVideoPickImpl, |
||||
// ); |
||||
// break; |
||||
// } |
||||
// } |
||||
|
||||
// Future<void> _pickImage() async { |
||||
// if (!(kIsWeb || isMobile() || isDesktop())) { |
||||
// throw UnsupportedError( |
||||
// 'Unsupported target platform: ${defaultTargetPlatform.name}', |
||||
// ); |
||||
// } |
||||
|
||||
// final mediaFileUrl = await _pickMediaFileUrl(); |
||||
|
||||
// if (mediaFileUrl != null) { |
||||
// final index = controller.selection.baseOffset; |
||||
// final length = controller.selection.extentOffset - index; |
||||
// controller.replaceText( |
||||
// index, |
||||
// length, |
||||
// BlockEmbed.image(mediaFileUrl), |
||||
// null, |
||||
// ); |
||||
// } |
||||
// } |
||||
|
||||
// Future<MediaFileUrl?> _pickMediaFileUrl() async { |
||||
// final mediaFile = await options.mediaFilePicker?.call(options.type); |
||||
// return mediaFile != null |
||||
// ? options.onMediaPickedCallback?.call(mediaFile) |
||||
// : null; |
||||
// } |
||||
|
||||
// void _inputLink(BuildContext context) { |
||||
// showDialog<String>( |
||||
// context: context, |
||||
// builder: (_) => MediaLinkDialog( |
||||
// dialogTheme: options.dialogTheme, |
||||
// labelText: options.labelText, |
||||
// hintText: options.hintText, |
||||
// buttonText: options.submitButtonText, |
||||
// buttonSize: options.submitButtonSize, |
||||
// childrenSpacing: options.childrenSpacing, |
||||
// autovalidateMode: options.autovalidateMode, |
||||
// validationMessage: options.validationMessage, |
||||
// ), |
||||
// ).then(_linkSubmitted); |
||||
// } |
||||
|
||||
// void _linkSubmitted(String? value) { |
||||
// if (value != null && value.isNotEmpty) { |
||||
// final index = controller.selection.baseOffset; |
||||
// final length = controller.selection.extentOffset - index; |
||||
// final data = options.type.isImage |
||||
// ? BlockEmbed.image(value) |
||||
// : BlockEmbed.video(value); |
||||
// controller.replaceText(index, length, data, null); |
||||
// } |
||||
// } |
||||
// } |
||||
|
||||
// /// Provides a dialog for input link to media resource. |
||||
// class MediaLinkDialog extends StatefulWidget { |
||||
// const MediaLinkDialog({ |
||||
// super.key, |
||||
// this.link, |
||||
// this.dialogTheme, |
||||
// this.childrenSpacing = 16.0, |
||||
// this.labelText, |
||||
// this.hintText, |
||||
// this.buttonText, |
||||
// this.buttonSize, |
||||
// this.autovalidateMode = AutovalidateMode.disabled, |
||||
// this.validationMessage, |
||||
// }) : assert(childrenSpacing > 0); |
||||
|
||||
// final String? link; |
||||
// final QuillDialogTheme? dialogTheme; |
||||
|
||||
// /// The margin between child widgets in the dialog. |
||||
// final double childrenSpacing; |
||||
|
||||
// /// The text of label in link add mode. |
||||
// final String? labelText; |
||||
|
||||
// /// The hint text for link [TextField]. |
||||
// final String? hintText; |
||||
|
||||
// /// The text of the submit button. |
||||
// final String? buttonText; |
||||
|
||||
// /// The size of dialog buttons. |
||||
// final Size? buttonSize; |
||||
|
||||
// final AutovalidateMode autovalidateMode; |
||||
// final String? validationMessage; |
||||
|
||||
// @override |
||||
// State<MediaLinkDialog> createState() => _MediaLinkDialogState(); |
||||
// } |
||||
|
||||
// class _MediaLinkDialogState extends State<MediaLinkDialog> { |
||||
// final _linkFocus = FocusNode(); |
||||
// final _linkController = TextEditingController(); |
||||
|
||||
// @override |
||||
// void dispose() { |
||||
// _linkFocus.dispose(); |
||||
// _linkController.dispose(); |
||||
// super.dispose(); |
||||
// } |
||||
|
||||
// @override |
||||
// Widget build(BuildContext context) { |
||||
// final constraints = widget.dialogTheme?.linkDialogConstraints ?? |
||||
// () { |
||||
// final size = MediaQuery.sizeOf(context); |
||||
// final maxWidth = kIsWeb ? size.width / 4 : size.width - 80; |
||||
// return BoxConstraints(maxWidth: maxWidth, maxHeight: 80); |
||||
// }(); |
||||
|
||||
// final buttonStyle = widget.buttonSize != null |
||||
// ? Theme.of(context) |
||||
// .elevatedButtonTheme |
||||
// .style |
||||
// ?.copyWith( |
||||
//fixedSize: MaterialStatePropertyAll(widget.buttonSize)) |
||||
// : widget.dialogTheme?.buttonStyle; |
||||
|
||||
// final isWrappable = widget.dialogTheme?.isWrappable ?? false; |
||||
|
||||
// final children = [ |
||||
// Text(widget.labelText ?? 'Enter media'.i18n), |
||||
// UtilityWidgets.maybeWidget( |
||||
// enabled: !isWrappable, |
||||
// wrapper: (child) => Expanded( |
||||
// child: child, |
||||
// ), |
||||
// child: Padding( |
||||
// padding: EdgeInsets.symmetric(horizontal: widget.childrenSpacing), |
||||
// child: TextFormField( |
||||
// controller: _linkController, |
||||
// focusNode: _linkFocus, |
||||
// style: widget.dialogTheme?.inputTextStyle, |
||||
// keyboardType: TextInputType.url, |
||||
// textInputAction: TextInputAction.done, |
||||
// decoration: InputDecoration( |
||||
// labelStyle: widget.dialogTheme?.labelTextStyle, |
||||
// hintText: widget.hintText, |
||||
// ), |
||||
// autofocus: true, |
||||
// autovalidateMode: widget.autovalidateMode, |
||||
// validator: _validateLink, |
||||
// onChanged: _linkChanged, |
||||
// ), |
||||
// ), |
||||
// ), |
||||
// ElevatedButton( |
||||
// onPressed: _canPress() ? _submitLink : null, |
||||
// style: buttonStyle, |
||||
// child: Text(widget.buttonText ?? 'Ok'.i18n), |
||||
// ), |
||||
// ]; |
||||
|
||||
// return Dialog( |
||||
// backgroundColor: widget.dialogTheme?.dialogBackgroundColor, |
||||
// shape: widget.dialogTheme?.shape ?? |
||||
// DialogTheme.of(context).shape ?? |
||||
// RoundedRectangleBorder(borderRadius: BorderRadius.circular(4)), |
||||
// child: ConstrainedBox( |
||||
// constraints: constraints, |
||||
// child: Padding( |
||||
// padding: |
||||
// widget.dialogTheme?.linkDialogPadding ?? const |
||||
// EdgeInsets.all(16), |
||||
// child: Form( |
||||
// child: isWrappable |
||||
// ? Wrap( |
||||
// alignment: WrapAlignment.center, |
||||
// crossAxisAlignment: WrapCrossAlignment.center, |
||||
// runSpacing: widget.dialogTheme?.runSpacing ?? 0.0, |
||||
// children: children, |
||||
// ) |
||||
// : Row( |
||||
// children: children, |
||||
// ), |
||||
// ), |
||||
// ), |
||||
// ), |
||||
// ); |
||||
// } |
||||
|
||||
// bool _canPress() => _validateLink(_linkController.text) == null; |
||||
|
||||
// void _linkChanged(String value) { |
||||
// setState(() { |
||||
// _linkController.text = value; |
||||
// }); |
||||
// } |
||||
|
||||
// void _submitLink() => Navigator.pop(context, _linkController.text); |
||||
|
||||
// String? _validateLink(String? value) { |
||||
// if ((value?.isEmpty ?? false) || |
||||
// !AutoFormatMultipleLinksRule.oneLineLinkRegExp.hasMatch(value!)) { |
||||
// return widget.validationMessage ?? 'That is not a valid URL'; |
||||
// } |
||||
|
||||
// return null; |
||||
// } |
||||
// } |
||||
|
||||
// /// Media souce selector. |
||||
// class MediaSourceSelectorDialog extends StatelessWidget { |
||||
// const MediaSourceSelectorDialog({ |
||||
// super.key, |
||||
// this.dialogTheme, |
||||
// this.galleryButtonText, |
||||
// this.linkButtonText, |
||||
// }); |
||||
|
||||
// final QuillDialogTheme? dialogTheme; |
||||
|
||||
// /// The text of the gallery button [MediaSourceSelectorDialog]. |
||||
// final String? galleryButtonText; |
||||
|
||||
// /// The text of the link button [MediaSourceSelectorDialog]. |
||||
// final String? linkButtonText; |
||||
|
||||
// @override |
||||
// Widget build(BuildContext context) { |
||||
// final constraints = dialogTheme?.mediaSelectorDialogConstraints ?? |
||||
// () { |
||||
// final size = MediaQuery.sizeOf(context); |
||||
// double maxWidth, maxHeight; |
||||
// if (kIsWeb) { |
||||
// maxWidth = size.width / 7; |
||||
// maxHeight = size.height / 7; |
||||
// } else { |
||||
// maxWidth = size.width - 80; |
||||
// maxHeight = maxWidth / 2; |
||||
// } |
||||
// return BoxConstraints(maxWidth: maxWidth, maxHeight: maxHeight); |
||||
// }(); |
||||
|
||||
// final shape = dialogTheme?.shape ?? |
||||
// DialogTheme.of(context).shape ?? |
||||
// RoundedRectangleBorder(borderRadius: BorderRadius.circular(4)); |
||||
|
||||
// return Dialog( |
||||
// backgroundColor: dialogTheme?.dialogBackgroundColor, |
||||
// shape: shape, |
||||
// child: ConstrainedBox( |
||||
// constraints: constraints, |
||||
// child: Padding( |
||||
// padding: dialogTheme?.mediaSelectorDialogPadding ?? |
||||
// const EdgeInsets.all(16), |
||||
// child: Row( |
||||
// mainAxisAlignment: MainAxisAlignment.spaceBetween, |
||||
// children: [ |
||||
// Expanded( |
||||
// child: TextButtonWithIcon( |
||||
// icon: Icons.collections, |
||||
// label: galleryButtonText ?? 'Gallery'.i18n, |
||||
// onPressed: () => |
||||
// Navigator.pop(context, MediaPickSetting.gallery), |
||||
// ), |
||||
// ), |
||||
// const SizedBox(width: 10), |
||||
// Expanded( |
||||
// child: TextButtonWithIcon( |
||||
// icon: Icons.link, |
||||
// label: linkButtonText ?? 'Link'.i18n, |
||||
// onPressed: () => |
||||
// Navigator.pop(context, MediaPickSetting.link), |
||||
// ), |
||||
// ) |
||||
// ], |
||||
// ), |
||||
// ), |
||||
// ), |
||||
// ); |
||||
// } |
||||
// } |
||||
|
||||
// class TextButtonWithIcon extends StatelessWidget { |
||||
// const TextButtonWithIcon({ |
||||
// required this.label, |
||||
// required this.icon, |
||||
// required this.onPressed, |
||||
// this.textStyle, |
||||
// super.key, |
||||
// }); |
||||
|
||||
// final String label; |
||||
// final IconData icon; |
||||
// final VoidCallback onPressed; |
||||
// final TextStyle? textStyle; |
||||
|
||||
// @override |
||||
// Widget build(BuildContext context) { |
||||
// final theme = Theme.of(context); |
||||
// final scale = MediaQuery.maybeOf(context)?.textScaleFactor ?? 1; |
||||
// final gap = scale <= 1 ? 8.0 : lerpDouble(8, 4, math.min(scale - 1, 1))!; |
||||
// final buttonStyle = TextButtonTheme.of(context).style; |
||||
// final shape = buttonStyle?.shape?.resolve({}) ?? |
||||
// const RoundedRectangleBorder( |
||||
// borderRadius: BorderRadius.all( |
||||
// Radius.circular(4), |
||||
// ), |
||||
// ); |
||||
// return Material( |
||||
// shape: shape, |
||||
// textStyle: textStyle ?? |
||||
// theme.textButtonTheme.style?.textStyle?.resolve({}) ?? |
||||
// theme.textTheme.labelLarge, |
||||
// elevation: buttonStyle?.elevation?.resolve({}) ?? 0, |
||||
// child: InkWell( |
||||
// customBorder: shape, |
||||
// onTap: onPressed, |
||||
// child: Padding( |
||||
// padding: const EdgeInsets.all(16), |
||||
// child: Column( |
||||
// mainAxisSize: MainAxisSize.min, |
||||
// children: <Widget>[ |
||||
// Icon(icon), |
||||
// SizedBox(height: gap), |
||||
// Flexible(child: Text(label)), |
||||
// ], |
||||
// ), |
||||
// ), |
||||
// ), |
||||
// ); |
||||
// } |
||||
// } |
||||
|
||||
// /// Default file picker. |
||||
// // Future<QuillFile?> _defaultMediaPicker(QuillMediaType mediaType) async { |
||||
// // final pickedFile = mediaType.isImage |
||||
// // ? await ImagePicker().pickImage(source: ImageSource.gallery) |
||||
// // : await ImagePicker().pickVideo(source: ImageSource.gallery); |
||||
|
||||
// // if (pickedFile != null) { |
||||
// // return QuillFile( |
||||
// // name: pickedFile.name, |
||||
// // path: pickedFile.path, |
||||
// // bytes: await pickedFile.readAsBytes(), |
||||
// // ); |
||||
// // } |
||||
|
||||
// // return null; |
||||
// // } |
||||
@ -1,19 +0,0 @@ |
||||
import 'package:flutter/widgets.dart'; |
||||
import 'package:flutter_quill/flutter_quill.dart'; |
||||
|
||||
class QuillEditorUnknownEmbedBuilder extends EmbedBuilder { |
||||
@override |
||||
Widget build( |
||||
BuildContext context, |
||||
QuillController controller, |
||||
Embed node, |
||||
bool readOnly, |
||||
bool inline, |
||||
TextStyle textStyle, |
||||
) { |
||||
return const Text('Unknown embed builder'); |
||||
} |
||||
|
||||
@override |
||||
String get key => 'unknown'; |
||||
} |
||||
@ -1,71 +0,0 @@ |
||||
import 'package:flutter/widgets.dart' show AutovalidateMode; |
||||
import 'package:flutter/widgets.dart' show Color, Size; |
||||
import 'package:flutter_quill/flutter_quill.dart'; |
||||
|
||||
import '../../../embeds/embed_types.dart'; |
||||
|
||||
class QuillToolbarMediaButtonExtraOptions |
||||
extends QuillToolbarBaseButtonExtraOptions { |
||||
const QuillToolbarMediaButtonExtraOptions({ |
||||
required super.controller, |
||||
required super.context, |
||||
required super.onPressed, |
||||
}); |
||||
} |
||||
|
||||
class QuillToolbarMediaButtonOptions extends QuillToolbarBaseButtonOptions< |
||||
QuillToolbarMediaButtonOptions, QuillToolbarMediaButtonExtraOptions> { |
||||
const QuillToolbarMediaButtonOptions({ |
||||
required this.type, |
||||
required this.onMediaPickedCallback, |
||||
// required this.onVideoPickCallback, |
||||
this.dialogBarrierColor, |
||||
this.mediaFilePicker, |
||||
this.childrenSpacing = 16.0, |
||||
this.autovalidateMode = AutovalidateMode.disabled, |
||||
super.iconSize, |
||||
this.dialogTheme, |
||||
this.labelText, |
||||
this.hintText, |
||||
this.submitButtonText, |
||||
this.submitButtonSize, |
||||
this.galleryButtonText, |
||||
this.linkButtonText, |
||||
this.validationMessage, |
||||
super.iconData, |
||||
super.afterButtonPressed, |
||||
super.tooltip, |
||||
super.iconTheme, |
||||
super.childBuilder, |
||||
}); |
||||
|
||||
final QuillMediaType type; |
||||
final QuillDialogTheme? dialogTheme; |
||||
final MediaFilePicker? mediaFilePicker; |
||||
final MediaPickedCallback? onMediaPickedCallback; |
||||
final Color? dialogBarrierColor; |
||||
|
||||
/// The margin between child widgets in the dialog. |
||||
final double childrenSpacing; |
||||
|
||||
/// The text of label in link add mode. |
||||
final String? labelText; |
||||
|
||||
/// The hint text for link [TextField]. |
||||
final String? hintText; |
||||
|
||||
/// The text of the submit button. |
||||
final String? submitButtonText; |
||||
|
||||
/// The size of dialog buttons. |
||||
final Size? submitButtonSize; |
||||
|
||||
/// The text of the gallery button [MediaSourceSelectorDialog]. |
||||
final String? galleryButtonText; |
||||
|
||||
/// The text of the link button [MediaSourceSelectorDialog]. |
||||
final String? linkButtonText; |
||||
|
||||
final AutovalidateMode autovalidateMode; |
||||
final String? validationMessage; |
||||
} |
||||
@ -0,0 +1,122 @@ |
||||
import 'package:flutter/material.dart'; |
||||
import 'package:flutter_quill/flutter_quill.dart' show QuillDialogTheme; |
||||
import 'package:flutter_quill/translations.dart'; |
||||
|
||||
import 'utils/patterns.dart'; |
||||
|
||||
enum LinkType { |
||||
video, |
||||
image, |
||||
} |
||||
|
||||
class TypeLinkDialog extends StatefulWidget { |
||||
const TypeLinkDialog({ |
||||
required this.linkType, |
||||
this.dialogTheme, |
||||
this.link, |
||||
this.linkRegExp, |
||||
super.key, |
||||
}); |
||||
|
||||
final QuillDialogTheme? dialogTheme; |
||||
final String? link; |
||||
final RegExp? linkRegExp; |
||||
final LinkType linkType; |
||||
|
||||
@override |
||||
TypeLinkDialogState createState() => TypeLinkDialogState(); |
||||
} |
||||
|
||||
class TypeLinkDialogState extends State<TypeLinkDialog> { |
||||
late String _link; |
||||
late TextEditingController _controller; |
||||
RegExp? _linkRegExp; |
||||
|
||||
@override |
||||
void initState() { |
||||
super.initState(); |
||||
_link = widget.link ?? ''; |
||||
_controller = TextEditingController(text: _link); |
||||
|
||||
_linkRegExp = widget.linkRegExp; |
||||
} |
||||
|
||||
@override |
||||
void dispose() { |
||||
_controller.dispose(); |
||||
super.dispose(); |
||||
} |
||||
|
||||
@override |
||||
Widget build(BuildContext context) { |
||||
return AlertDialog( |
||||
backgroundColor: widget.dialogTheme?.dialogBackgroundColor, |
||||
content: TextField( |
||||
keyboardType: TextInputType.url, |
||||
textInputAction: TextInputAction.done, |
||||
maxLines: null, |
||||
style: widget.dialogTheme?.inputTextStyle, |
||||
decoration: InputDecoration( |
||||
labelText: context.loc.pasteLink, |
||||
hintText: widget.linkType == LinkType.image |
||||
? context.loc.pleaseEnterAValidImageURL |
||||
: context.loc.pleaseEnterAValidVideoURL, |
||||
labelStyle: widget.dialogTheme?.labelTextStyle, |
||||
floatingLabelStyle: widget.dialogTheme?.labelTextStyle, |
||||
), |
||||
autofocus: true, |
||||
onChanged: _linkChanged, |
||||
controller: _controller, |
||||
onEditingComplete: () { |
||||
if (!_canPress()) { |
||||
return; |
||||
} |
||||
_applyLink(); |
||||
}, |
||||
), |
||||
actions: [ |
||||
TextButton( |
||||
onPressed: _canPress() ? _applyLink : null, |
||||
child: Text( |
||||
context.loc.ok, |
||||
style: widget.dialogTheme?.labelTextStyle, |
||||
), |
||||
), |
||||
], |
||||
); |
||||
} |
||||
|
||||
void _linkChanged(String value) { |
||||
setState(() { |
||||
_link = value; |
||||
}); |
||||
} |
||||
|
||||
void _applyLink() { |
||||
Navigator.pop(context, _link.trim()); |
||||
} |
||||
|
||||
RegExp get linkRegExp { |
||||
final customRegExp = _linkRegExp; |
||||
if (customRegExp != null) { |
||||
return customRegExp; |
||||
} |
||||
switch (widget.linkType) { |
||||
case LinkType.video: |
||||
if (youtubeRegExp.hasMatch(_link)) { |
||||
return youtubeRegExp; |
||||
} |
||||
return videoRegExp; |
||||
case LinkType.image: |
||||
return imageRegExp; |
||||
} |
||||
} |
||||
|
||||
bool _canPress() { |
||||
if (_link.isEmpty) { |
||||
return false; |
||||
} |
||||
if (widget.linkType == LinkType.image) {} |
||||
return _link.isNotEmpty && linkRegExp.hasMatch(_link); |
||||
} |
||||
} |
||||
@ -1,8 +1,8 @@ |
||||
import 'package:flutter/widgets.dart' show BuildContext; |
||||
import 'package:meta/meta.dart' show immutable; |
||||
|
||||
import '../../image/editor/image_embed_types.dart'; |
||||
import '../../video/video.dart'; |
||||
import '../../editor/image/image_embed_types.dart'; |
||||
import '../video/models/video.dart'; |
||||
|
||||
enum CameraAction { |
||||
video, |
||||
@ -1,6 +1,6 @@ |
||||
import 'package:flutter_quill/flutter_quill.dart'; |
||||
|
||||
import '../../../embeds/others/camera_button/camera_types.dart'; |
||||
import '../camera_types.dart'; |
||||
|
||||
class QuillToolbarCameraButtonExtraOptions |
||||
extends QuillToolbarBaseButtonExtraOptions { |
||||
@ -1,7 +1,7 @@ |
||||
import 'package:flutter/material.dart'; |
||||
import 'package:flutter_quill/flutter_quill.dart'; |
||||
|
||||
import '../../../models/config/formula/formula_configurations.dart'; |
||||
import 'models/formula_configurations.dart'; |
||||
|
||||
class QuillToolbarFormulaButton extends StatelessWidget { |
||||
const QuillToolbarFormulaButton({ |
||||
@ -1,7 +1,7 @@ |
||||
import 'package:flutter_quill/flutter_quill.dart'; |
||||
import 'package:meta/meta.dart' show immutable; |
||||
|
||||
import '../../../../embeds/image/editor/image_embed_types.dart'; |
||||
import '../../../editor/image/image_embed_types.dart'; |
||||
|
||||
class QuillToolbarImageButtonExtraOptions |
||||
extends QuillToolbarBaseButtonExtraOptions { |
||||
@ -1,8 +1,9 @@ |
||||
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'; |
||||
|
||||
import '../../common/utils/quill_table_utils.dart'; |
||||
import 'models/table_configurations.dart'; |
||||
|
||||
class QuillToolbarTableButton extends StatelessWidget { |
||||
const QuillToolbarTableButton({ |
||||
@ -1,6 +1,6 @@ |
||||
import 'package:flutter_quill/flutter_quill.dart'; |
||||
|
||||
import '../../../../embeds/video/video.dart'; |
||||
import 'video.dart'; |
||||
|
||||
class QuillToolbarVideoButtonExtraOptions |
||||
extends QuillToolbarBaseButtonExtraOptions { |
||||
@ -0,0 +1,83 @@ |
||||
import 'package:flutter_quill/flutter_quill.dart'; |
||||
import 'package:flutter_quill/quill_delta.dart'; |
||||
import 'package:test/test.dart'; |
||||
|
||||
void main() { |
||||
group('collectStyle', () { |
||||
test('Simple', () { |
||||
final delta = Delta() |
||||
..insert('First\nSecond ') |
||||
..insert('Bold', <String, dynamic>{'bold': true}) |
||||
..insert('\n\nplain\n'); |
||||
final document = Document.fromDelta(delta); |
||||
// |
||||
final line = document.queryChild(6).node as Line; |
||||
expect(line.getPlainText(0, line.length), 'Second Bold\n'); |
||||
expect(line.length, 12); |
||||
// |
||||
expect(line.collectStyle(0, line.length), const Style()); |
||||
expect( |
||||
line.collectStyle(7, 4), const Style.attr({'bold': Attribute.bold})); |
||||
expect( |
||||
line.collectStyle(7, 5), const Style.attr({'bold': Attribute.bold}), |
||||
reason: 'Include trailing NL'); |
||||
expect( |
||||
line.collectStyle(7, 6), const Style.attr({'bold': Attribute.bold}), |
||||
reason: 'Spans next NL'); |
||||
expect(line.collectStyle(7, 7), const Style(), |
||||
reason: 'Spans into plain text'); |
||||
// |
||||
final line2 = document.queryChild(18).node as Line; |
||||
expect(line2.length, 1); |
||||
expect( |
||||
line2.collectStyle(0, 1), const Style.attr({'bold': Attribute.bold}), |
||||
reason: 'Empty line gets style from previous line'); |
||||
}); |
||||
|
||||
test('Block', () { |
||||
final delta = Delta() |
||||
..insert('first', {'bold': true}) |
||||
..insert('\n', {'list': Attribute.ol}) |
||||
..insert('second', {'bold': true}) |
||||
..insert('\n', {'list': Attribute.ol}) |
||||
..insert('third', {'italic': true}) |
||||
..insert('\n', {'list': Attribute.ol}) |
||||
..insert('\nplain\n'); |
||||
final document = Document.fromDelta(delta); |
||||
// |
||||
const orderedList = Attribute('list', AttributeScope.block, Attribute.ol); |
||||
expect(document.collectStyle(0, 4), |
||||
const Style.attr({'bold': Attribute.bold, 'list': orderedList})); |
||||
// |
||||
final first = document.queryChild(1).node as Line; |
||||
expect(first.getPlainText(0, first.length), 'first\n'); |
||||
expect(first.length, 6); |
||||
expect(first.collectStyle(0, 2), |
||||
const Style.attr({'bold': Attribute.bold, 'list': orderedList})); |
||||
// |
||||
final second = document.queryChild(6).node as Line; |
||||
expect(second.getPlainText(0, second.length), 'second\n'); |
||||
expect(second.length, 7); |
||||
expect(second.collectStyle(2, 4), |
||||
const Style.attr({'bold': Attribute.bold, 'list': orderedList})); |
||||
// |
||||
expect(first.collectStyle(3, 5), |
||||
const Style.attr({'bold': Attribute.bold, 'list': orderedList}), |
||||
reason: 'spans first and second list entry'); |
||||
expect(second.collectStyle(3, 6), const Style.attr({'list': orderedList}), |
||||
reason: 'spans second and third list entry'); |
||||
// |
||||
final plain = document.queryChild(20).node as Line; |
||||
expect(plain.getPlainText(0, plain.length), 'plain\n'); |
||||
expect(plain.length, 6); |
||||
expect(plain.collectStyle(2, 4), const Style()); |
||||
// |
||||
final blank = document.queryChild(19).node as Line; |
||||
expect(blank.getPlainText(0, blank.length), '\n'); |
||||
expect(blank.length, 1); |
||||
expect(blank.getPlainText(0, 1), '\n'); |
||||
expect(blank.collectStyle(0, 1), |
||||
const Style.attr({'italic': Attribute.italic, 'list': orderedList})); |
||||
}); |
||||
}); |
||||
} |
||||
Loading…
Reference in new issue