✨ Able to edit post alias

assets/translations/en-US.json

@@ -139,6 +139,8 @@
   "fieldPostTitle": "Title",
   "fieldPostDescription": "Description",
   "fieldPostTags": "Tags",
+  "fieldPostAlias": "Alias",
+  "fieldPostAliasHint": "Optional, used to represent the post in URL, should follow URL-Safe.",
   "postPublish": "Publish",
   "postPosted": "Post has been posted.",
   "postPublishedAt": "Published At",

assets/translations/zh-CN.json

@@ -123,6 +123,8 @@
   "fieldPostTitle": "标题",
   "fieldPostDescription": "描述",
   "fieldPostTags": "标签",
+  "fieldPostAlias": "别名",
+  "fieldPostAliasHint": "可选项，用于在 URL 中表示该帖子，应遵循 URL-Safe 的原则。",
   "postPublish": "发布",
   "postPublishedAt": "发布于",
   "postPublishedUntil": "取消发布于",

lib/controllers/post_write_controller.dart

@@ -152,6 +152,7 @@ class PostWriteController extends ChangeNotifier {
   final TextEditingController contentController = TextEditingController();
   final TextEditingController titleController = TextEditingController();
   final TextEditingController descriptionController = TextEditingController();
+  final TextEditingController aliasController = TextEditingController();
 
   PostWriteController() {
     titleController.addListener(() => notifyListeners());
@@ -198,6 +199,7 @@ class PostWriteController extends ChangeNotifier {
         titleController.text = post.body['title'] ?? '';
         descriptionController.text = post.body['description'] ?? '';
         contentController.text = post.body['content'] ?? '';
+        aliasController.text = post.alias ?? '';
         publishedAt = post.publishedAt;
         publishedUntil = post.publishedUntil;
         visibleUsers = List.from(post.visibleUsersList ?? []);
@@ -269,7 +271,7 @@ class PostWriteController extends ChangeNotifier {
     notifyListeners();
   }
 
-  Future<void> post(BuildContext context) async {
+  Future<void> sendPost(BuildContext context) async {
     if (isBusy || publisher == null) return;
 
     final sn = context.read<SnNetworkProvider>();
@@ -334,6 +336,7 @@ class PostWriteController extends ChangeNotifier {
         data: {
           'publisher': publisher!.id,
           'content': contentController.text,
+          if (aliasController.text.isNotEmpty) 'alias': aliasController.text,
           if (titleController.text.isNotEmpty) 'title': titleController.text,
           if (descriptionController.text.isNotEmpty) 'description': descriptionController.text,
           if (thumbnail != null && thumbnail!.attachment != null) 'thumbnail': thumbnail!.attachment!.rid,

lib/screens/post/post_editor.dart

@@ -496,7 +496,7 @@ class _PostEditorScreenState extends State<PostEditorScreen> {
                           onPressed: (_writeController.isBusy || _writeController.publisher == null)
                               ? null
                               : () {
-                                  _writeController.post(context).then((_) {
+                                  _writeController.sendPost(context).then((_) {
                                     if (!context.mounted) return;
                                     Navigator.pop(context, true);
                                   });

lib/widgets/post/post_media_pending_list.dart

@@ -189,16 +189,19 @@ class PostMediaPendingList extends StatelessWidget {
                   child: AspectRatio(
                     aspectRatio: 1,
                     child: switch (thumbnail!.type) {
-                      PostWriteMediaType.image => LayoutBuilder(builder: (context, constraints) {
+                      PostWriteMediaType.image => Container(
-                          return Image(
+                        color: Theme.of(context).colorScheme.surfaceContainer,
-                            image: thumbnail!.getImageProvider(
+                        child: LayoutBuilder(builder: (context, constraints) {
-                              context,
+                            return Image(
-                              width: (constraints.maxWidth * devicePixelRatio).round(),
+                              image: thumbnail!.getImageProvider(
-                              height: (constraints.maxHeight * devicePixelRatio).round(),
+                                context,
-                            )!,
+                                width: (constraints.maxWidth * devicePixelRatio).round(),
-                            fit: BoxFit.contain,
+                                height: (constraints.maxHeight * devicePixelRatio).round(),
-                          );
+                              )!,
-                        }),
+                              fit: BoxFit.contain,
+                            );
+                          }),
+                      ),
                       _ => Container(
                           color: Theme.of(context).colorScheme.surface,
                           child: const Icon(Symbols.docs).center(),
@@ -236,18 +239,21 @@ class PostMediaPendingList extends StatelessWidget {
                       child: AspectRatio(
                         aspectRatio: 1,
                         child: switch (media.type) {
-                          PostWriteMediaType.image => LayoutBuilder(builder: (context, constraints) {
+                          PostWriteMediaType.image => Container(
-                              return Image(
+                            color: Theme.of(context).colorScheme.surfaceContainer,
-                                image: media.getImageProvider(
+                            child: LayoutBuilder(builder: (context, constraints) {
-                                  context,
+                                return Image(
-                                  width: (constraints.maxWidth * devicePixelRatio).round(),
+                                  image: media.getImageProvider(
-                                  height: (constraints.maxHeight * devicePixelRatio).round(),
+                                    context,
-                                )!,
+                                    width: (constraints.maxWidth * devicePixelRatio).round(),
-                                fit: BoxFit.cover,
+                                    height: (constraints.maxHeight * devicePixelRatio).round(),
-                              );
+                                  )!,
-                            }),
+                                  fit: BoxFit.contain,
+                                );
+                              }),
+                          ),
                           _ => Container(
-                              color: Theme.of(context).colorScheme.surface,
+                              color: Theme.of(context).colorScheme.surfaceContainer,
                               child: const Icon(Symbols.docs).center(),
                             ),
                         },

lib/widgets/post/post_meta_editor.dart

@@ -114,6 +114,18 @@ class PostMetaEditor extends StatelessWidget {
                 controller.setTags(value);
               },
             ).padding(horizontal: 24),
+            const Gap(4),
+            TextField(
+              controller: controller.aliasController,
+              decoration: InputDecoration(
+                labelText: 'fieldPostAlias'.tr(),
+                helperText: 'fieldPostAliasHint'.tr(),
+                helperMaxLines: 2,
+                border: UnderlineInputBorder(),
+              ),
+              onTapOutside: (_) =>
+                  FocusManager.instance.primaryFocus?.unfocus(),
+            ).padding(horizontal: 24),
             const Gap(12),
             ListTile(
               contentPadding: const EdgeInsets.symmetric(horizontal: 24),

lib/widgets/post/post_mini_editor.dart

@@ -217,7 +217,7 @@ class _PostMiniEditorState extends State<PostMiniEditor> {
                             _writeController.publisher == null)
                         ? null
                         : () {
-                            _writeController.post(context).then((_) {
+                            _writeController.sendPost(context).then((_) {
                               if (!context.mounted) return;
                               if (widget.onPost != null) widget.onPost!();
                               context.showSnackbar('postPosted'.tr());