优化代码

Author: toly1994328

lib/widget_system/views/widget_detail_page/desk_ui/link_widget_buttons.dart

@@ -0,0 +1,49 @@
+import 'package:app_config/app_config.dart';
+import 'package:flutter/material.dart';
+import 'package:widget_repository/widget_repository.dart';
+
+class LinkWidgetButtons extends StatelessWidget {
+  final List<WidgetModel> links;
+  final ValueChanged<WidgetModel> onSelect;
+
+  const LinkWidgetButtons(
+      {Key? key, required this.links, required this.onSelect})
+      : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    Color chipColor = Theme.of(context).primaryColor;
+
+    if (links.isEmpty) {
+      return Padding(
+          padding: const EdgeInsets.only(left: 10),
+          child: Chip(
+            backgroundColor: Colors.grey.withAlpha(120),
+            labelStyle: const TextStyle(fontSize: 12, color: Colors.white),
+            label: const Text('暂无链接组件'),
+          ));
+    }
+
+    return Padding(
+      padding: const EdgeInsets.only(left: 10.0, top: 10),
+      child: Wrap(
+        spacing: 5,
+        runSpacing: 5,
+        children: links
+            .map((WidgetModel model) => ActionChip(
+                  labelPadding: EdgeInsets.zero,
+                  side: BorderSide.none,
+                  onPressed: () => onSelect(model),
+                  elevation: 1,
+                  // shadowColor: chipColor,
+                  backgroundColor: chipColor,
+                  labelStyle: model.deprecated
+                      ? UnitTextStyle.deprecatedChip
+                      : UnitTextStyle.commonChip,
+                  label: Text(model.name),
+                ))
+            .toList(),
+      ),
+    );
+  }
+}

lib/widget_system/views/widget_detail_page/desk_ui/widget_detail_page.dart

@@ -11,6 +11,7 @@ import 'package:widget_repository/widget_repository.dart';
 
 import '../../../widgets/widgets_map.dart';
 import '../category_end_drawer.dart';
+import 'link_widget_buttons.dart';
 import 'widget_detail_bar.dart';
 import 'widget_detail_panel.dart';
 import 'widget_node_panel.dart';
@@ -103,13 +104,15 @@ class _DeskWidgetDetailPageState extends State<DeskWidgetDetailPage> {
                         children: [
                           linkText,
                           if (state is DetailWithData)
-                            _buildLinkTo(context, state.links),
-                          // const Divider(),
+                            LinkWidgetButtons(
+                              links: state.links,
+                              onSelect: _toLinkWidget,
+                            )
                         ],
                       ))
                     ],
                   ),
-                  Divider()
+                  const Divider()
                 ],
               ),
             ),
@@ -134,44 +137,6 @@ class _DeskWidgetDetailPageState extends State<DeskWidgetDetailPage> {
     }
   }
 
-  Color? get chipColor => isDark
-      ? Theme.of(context).floatingActionButtonTheme.backgroundColor
-      : Theme.of(context).primaryColor;
-
-  Widget _buildLinkTo(BuildContext context, List<WidgetModel> links) {
-    if (links.isEmpty) {
-      return Padding(
-          padding: const EdgeInsets.only(left: 10),
-          child: Chip(
-            backgroundColor: Colors.grey.withAlpha(120),
-            labelStyle: const TextStyle(fontSize: 12, color: Colors.white),
-            label: const Text('暂无链接组件'),
-          ));
-    } else {
-      return Padding(
-        padding: const EdgeInsets.only(left: 10.0, top: 10),
-        child: Wrap(
-          spacing: 5,
-          runSpacing: 5,
-          children: links
-              .map((WidgetModel model) => ActionChip(
-                    labelPadding: EdgeInsets.zero,
-                    side: BorderSide.none,
-                    onPressed: () => _toLinkWidget(model),
-                    elevation: 1,
-                    // shadowColor: chipColor,
-                    backgroundColor: chipColor,
-                    labelStyle: model.deprecated
-                        ? UnitTextStyle.deprecatedChip
-                        : UnitTextStyle.commonChip,
-                    label: Text(model.name),
-                  ))
-              .toList(),
-        ),
-      );
-    }
-  }
-
   void _toLinkWidget(WidgetModel model) {
     BlocProvider.of<WidgetDetailBloc>(context).add(FetchWidgetDetail(model));
     _modelStack.add(model);