Xin Yao
4 years ago
parent
03e587b970
commit
63a616e7eb
10 changed files with 142 additions and 240 deletions
@ -0,0 +1,57 @@ |
||||
library universal_ui; |
||||
|
||||
import 'package:flutter/cupertino.dart'; |
||||
import 'package:flutter/foundation.dart'; |
||||
import 'package:flutter_quill/models/documents/nodes/leaf.dart' as leaf; |
||||
import 'package:flutter_quill/widgets/responsive_widget.dart'; |
||||
import 'package:universal_html/html.dart' as html; |
||||
|
||||
import 'fake_ui.dart' if (dart.library.html) 'real_ui.dart' as ui_instance; |
||||
|
||||
class PlatformViewRegistryFix { |
||||
void registerViewFactory(dynamic x, dynamic y) { |
||||
if (kIsWeb) { |
||||
ui_instance.PlatformViewRegistry.registerViewFactory( |
||||
x, |
||||
y, |
||||
); |
||||
} |
||||
} |
||||
} |
||||
|
||||
class UniversalUI { |
||||
PlatformViewRegistryFix platformViewRegistry = PlatformViewRegistryFix(); |
||||
} |
||||
|
||||
var ui = UniversalUI(); |
||||
|
||||
Widget defaultEmbedBuilderWeb(BuildContext context, leaf.Embed node) { |
||||
switch (node.value.type) { |
||||
case 'image': |
||||
String imageUrl = node.value.data; |
||||
Size size = MediaQuery.of(context).size; |
||||
UniversalUI().platformViewRegistry.registerViewFactory( |
||||
imageUrl, (int viewId) => html.ImageElement()..src = imageUrl); |
||||
return Padding( |
||||
padding: EdgeInsets.only( |
||||
right: ResponsiveWidget.isMediumScreen(context) |
||||
? size.width * 0.5 |
||||
: (ResponsiveWidget.isLargeScreen(context)) |
||||
? size.width * 0.75 |
||||
: size.width * 0.2, |
||||
), |
||||
child: SizedBox( |
||||
height: MediaQuery.of(context).size.height * 0.45, |
||||
child: HtmlElementView( |
||||
viewType: imageUrl, |
||||
), |
||||
), |
||||
); |
||||
|
||||
default: |
||||
throw UnimplementedError( |
||||
'Embeddable type "${node.value.type}" is not supported by default embed ' |
||||
'builder of QuillEditor. You must pass your own builder function to ' |
||||
'embedBuilder property of QuillEditor or QuillField widgets.'); |
||||
} |
||||
} |
||||
@ -1,142 +0,0 @@ |
||||
import 'package:flutter/cupertino.dart'; |
||||
import 'package:flutter/material.dart'; |
||||
import 'package:flutter_quill/widgets/controller.dart'; |
||||
import 'package:flutter_quill/widgets/delegate.dart'; |
||||
import 'package:flutter_quill/widgets/editor.dart'; |
||||
|
||||
class QuillField extends StatefulWidget { |
||||
final QuillController controller; |
||||
final FocusNode? focusNode; |
||||
final ScrollController? scrollController; |
||||
final bool scrollable; |
||||
final EdgeInsetsGeometry padding; |
||||
final bool autofocus; |
||||
final bool showCursor; |
||||
final bool readOnly; |
||||
final bool enableInteractiveSelection; |
||||
final double? minHeight; |
||||
final double? maxHeight; |
||||
final bool expands; |
||||
final TextCapitalization textCapitalization; |
||||
final Brightness keyboardAppearance; |
||||
final ScrollPhysics? scrollPhysics; |
||||
final ValueChanged<String>? onLaunchUrl; |
||||
final InputDecoration? decoration; |
||||
final Widget? toolbar; |
||||
final EmbedBuilder? embedBuilder; |
||||
|
||||
QuillField({ |
||||
Key? key, |
||||
required this.controller, |
||||
this.focusNode, |
||||
this.scrollController, |
||||
this.scrollable = true, |
||||
this.padding = EdgeInsets.zero, |
||||
this.autofocus = false, |
||||
this.showCursor = true, |
||||
this.readOnly = false, |
||||
this.enableInteractiveSelection = true, |
||||
this.minHeight, |
||||
this.maxHeight, |
||||
this.expands = false, |
||||
this.textCapitalization = TextCapitalization.sentences, |
||||
this.keyboardAppearance = Brightness.light, |
||||
this.scrollPhysics, |
||||
this.onLaunchUrl, |
||||
this.decoration, |
||||
this.toolbar, |
||||
this.embedBuilder, |
||||
}) : super(key: key); |
||||
|
||||
@override |
||||
_QuillFieldState createState() => _QuillFieldState(); |
||||
} |
||||
|
||||
class _QuillFieldState extends State<QuillField> { |
||||
late bool _focused; |
||||
|
||||
void _editorFocusChanged() { |
||||
setState(() { |
||||
_focused = widget.focusNode!.hasFocus; |
||||
}); |
||||
} |
||||
|
||||
@override |
||||
void initState() { |
||||
super.initState(); |
||||
_focused = widget.focusNode!.hasFocus; |
||||
widget.focusNode!.addListener(_editorFocusChanged); |
||||
} |
||||
|
||||
@override |
||||
void didUpdateWidget(covariant QuillField oldWidget) { |
||||
super.didUpdateWidget(oldWidget); |
||||
if (widget.focusNode != oldWidget.focusNode) { |
||||
oldWidget.focusNode!.removeListener(_editorFocusChanged); |
||||
widget.focusNode!.addListener(_editorFocusChanged); |
||||
_focused = widget.focusNode!.hasFocus; |
||||
} |
||||
} |
||||
|
||||
@override |
||||
Widget build(BuildContext context) { |
||||
Widget child = QuillEditor( |
||||
controller: widget.controller, |
||||
focusNode: widget.focusNode!, |
||||
scrollController: widget.scrollController!, |
||||
scrollable: widget.scrollable, |
||||
padding: widget.padding, |
||||
autoFocus: widget.autofocus, |
||||
showCursor: widget.showCursor, |
||||
readOnly: widget.readOnly, |
||||
enableInteractiveSelection: widget.enableInteractiveSelection, |
||||
minHeight: widget.minHeight, |
||||
maxHeight: widget.maxHeight, |
||||
expands: widget.expands, |
||||
textCapitalization: widget.textCapitalization, |
||||
keyboardAppearance: widget.keyboardAppearance, |
||||
scrollPhysics: widget.scrollPhysics, |
||||
onLaunchUrl: widget.onLaunchUrl, |
||||
embedBuilder: widget.embedBuilder!, |
||||
); |
||||
|
||||
if (widget.toolbar != null) { |
||||
child = Column( |
||||
children: [ |
||||
child, |
||||
Visibility( |
||||
visible: _focused, |
||||
maintainSize: true, |
||||
maintainAnimation: true, |
||||
maintainState: true, |
||||
child: widget.toolbar!, |
||||
), |
||||
], |
||||
); |
||||
} |
||||
|
||||
return AnimatedBuilder( |
||||
animation: |
||||
Listenable.merge(<Listenable?>[widget.focusNode, widget.controller]), |
||||
builder: (BuildContext context, Widget? child) { |
||||
return InputDecorator( |
||||
decoration: _getEffectiveDecoration(), |
||||
isFocused: widget.focusNode!.hasFocus, |
||||
// TODO: Document should be considered empty of it has single empty line with no styles applied |
||||
isEmpty: widget.controller.document.length == 1, |
||||
child: child, |
||||
); |
||||
}, |
||||
child: child, |
||||
); |
||||
} |
||||
|
||||
InputDecoration _getEffectiveDecoration() { |
||||
return (widget.decoration ?? const InputDecoration()) |
||||
.applyDefaults(Theme.of(context).inputDecorationTheme) |
||||
.copyWith( |
||||
enabled: !widget.readOnly, |
||||
hintMaxLines: widget.decoration?.hintMaxLines, |
||||
); |
||||
} |
||||
} |
||||
@ -1,21 +0,0 @@ |
||||
library universal_ui; |
||||
|
||||
import 'package:flutter/foundation.dart'; |
||||
import 'fake_ui.dart' if (dart.library.html) 'real_ui.dart' as ui_instance; |
||||
|
||||
class PlatformViewRegistryFix { |
||||
void registerViewFactory(dynamic x, dynamic y) { |
||||
if (kIsWeb) { |
||||
ui_instance.PlatformViewRegistry.registerViewFactory( |
||||
x, |
||||
y, |
||||
); |
||||
} |
||||
} |
||||
} |
||||
|
||||
class UniversalUI { |
||||
PlatformViewRegistryFix platformViewRegistry = PlatformViewRegistryFix(); |
||||
} |
||||
|
||||
var ui = UniversalUI(); |
||||
Loading…
Reference in new issue