fix: refactor text alignment handling in block components

example/macos/Runner.xcodeproj/project.pbxproj

@@ -203,7 +203,7 @@
 			isa = PBXProject;
 			attributes = {
 				LastSwiftUpdateCheck = 0920;
-				LastUpgradeCheck = 1430;
+				LastUpgradeCheck = 1300;
 				ORGANIZATIONNAME = "";
 				TargetAttributes = {
 					33CC10EC2044A3C60003C045 = {

example/macos/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <Scheme
-   LastUpgradeVersion = "1430"
+   LastUpgradeVersion = "1300"
    version = "1.3">
    <BuildAction
       parallelizeBuildables = "YES"

lib/src/editor/block_component/bulleted_list_block_component/bulleted_list_block_component.dart

@@ -136,6 +136,7 @@ class _BulletedListBlockComponentWidgetState
               key: forwardKey,
               node: widget.node,
               editorState: editorState,
+              textAlign: alignment?.toTextAlign,
               placeholderText: placeholderText,
               textSpanDecorator: (textSpan) => textSpan.updateTextStyle(
                 textStyle,

lib/src/editor/block_component/heading_block_component/heading_block_component.dart

@@ -142,6 +142,7 @@ class _HeadingBlockComponentWidgetState
               key: forwardKey,
               node: widget.node,
               editorState: editorState,
+              textAlign: alignment?.toTextAlign,
               textSpanDecorator: (textSpan) =>
                   textSpan.updateTextStyle(textStyle).updateTextStyle(
                         widget.textStyleBuilder?.call(level) ??

lib/src/editor/block_component/numbered_list_block_component/numbered_list_block_component.dart

@@ -142,6 +142,7 @@ class _NumberedListBlockComponentWidgetState
               key: forwardKey,
               node: widget.node,
               editorState: editorState,
+              textAlign: alignment?.toTextAlign,
               placeholderText: placeholderText,
               textSpanDecorator: (textSpan) => textSpan.updateTextStyle(
                 textStyle,

lib/src/editor/block_component/quote_block_component/quote_block_component.dart

@@ -133,6 +133,7 @@ class _QuoteBlockComponentWidgetState extends State<QuoteBlockComponentWidget>
                 key: forwardKey,
                 node: widget.node,
                 editorState: editorState,
+                textAlign: alignment?.toTextAlign,
                 placeholderText: placeholderText,
                 textSpanDecorator: (textSpan) => textSpan.updateTextStyle(
                   textStyle,

lib/src/editor/block_component/rich_text/appflowy_rich_text.dart

@@ -35,6 +35,7 @@ class AppFlowyRichText extends StatefulWidget {
     this.placeholderTextSpanDecorator,
     this.textDirection = TextDirection.ltr,
     this.textSpanDecoratorForCustomAttributes,
+    this.textAlign,
     required this.node,
     required this.editorState,
   });
@@ -65,6 +66,8 @@ class AppFlowyRichText extends StatefulWidget {
   /// customize the text span for placeholder text
   final AppFlowyTextSpanDecorator? placeholderTextSpanDecorator;
 
+  final TextAlign? textAlign;
+
   /// customize the text span for custom attributes
   ///
   /// You can use this to customize the text span for custom attributes
@@ -247,6 +250,7 @@ class _AppFlowyRichTextState extends State<AppFlowyRichText>
     final textSpan = getTextSpan();
     return RichText(
       key: textKey,
+      textAlign: widget.textAlign ?? TextAlign.start,
       textHeightBehavior: const TextHeightBehavior(
         applyHeightToFirstAscent: false,
         applyHeightToLastDescent: false,

lib/src/editor/block_component/text_block_component/text_block_component.dart

@@ -146,6 +146,7 @@ class _TextBlockComponentWidgetState extends State<TextBlockComponentWidget>
             key: forwardKey,
             node: widget.node,
             editorState: editorState,
+            textAlign: alignment?.toTextAlign,
             placeholderText: _showPlaceholder ? placeholderText : ' ',
             textSpanDecorator: (textSpan) =>
                 textSpan.updateTextStyle(textStyle),

lib/src/editor/block_component/todo_list_block_component/todo_list_block_component.dart

@@ -152,6 +152,7 @@ class _TodoListBlockComponentWidgetState
               key: forwardKey,
               node: widget.node,
               editorState: editorState,
+              textAlign: alignment?.toTextAlign,
               placeholderText: placeholderText,
               textDirection: textDirection,
               textSpanDecorator: (textSpan) =>

lib/src/extensions/alignment_extension.dart

@@ -0,0 +1,15 @@
+import 'package:flutter/material.dart';
+
+extension AppFlowyTextAlign on Alignment {
+  TextAlign get toTextAlign {
+    switch (this) {
+      case Alignment.center:
+        return TextAlign.center;
+      case Alignment.centerRight:
+        return TextAlign.right;
+      case Alignment.centerLeft:
+      default:
+        return TextAlign.left;
+    }
+  }
+}

lib/src/extensions/extensions.dart

@@ -1,3 +1,4 @@
+export 'alignment_extension.dart';
 export 'attributes_extension.dart';
 export 'color_extension.dart';
 export 'node_extensions.dart';