feat(select): add display handler

Author: LeadcodeDev

example/select.dart

@@ -1,13 +1,27 @@
 import 'package:commander_ui/src/commander.dart';
 import 'package:commander_ui/src/level.dart';
 
+enum Person {
+  alice('Alice'),
+  bob('Bob'),
+  charlie('Charlie'),
+  david('David'),
+  eve('Eve'),
+  frank('Frank'),
+  john('John');
+
+  final String value;
+  const Person(this.value);
+}
+
 Future<void> main() async {
   final commander = Commander(level: Level.verbose);
   print('Hello World !');
 
-  final value = await commander.select('What is your name ?',
-      defaultValue: 'Charlie',
-      options: ['Alice', 'Bob', 'Charlie', 'David', 'Eve', 'Frank', 'John']);
+  final value = await commander.select<Person>('What is your name ?',
+      defaultValue: Person.bob,
+      onDisplay: (person) => person.value,
+      options: Person.values);
 
   print(value);
 }

lib/src/application/components/select.dart

@@ -134,7 +134,7 @@ final class Select<T> with TerminalTools implements Component<Future<T>> {
 
       buffer.writeAnsiAll([
         SetStyles.reset,
-        Print(' $choice'),
+        Print(' ${_onDisplay?.call(choice) ?? choice.toString()}'),
         AsciiControl.lineFeed,
       ]);
     }
@@ -144,6 +144,7 @@ final class Select<T> with TerminalTools implements Component<Future<T>> {
       SetStyles(Style.foreground(Color.brightBlack)),
       Print('(Type to filter, press ↑/↓ to navigate, enter to select)'),
       SetStyles.reset,
+      AsciiControl.lineFeed,
     ]);
 
     if (isInitialRender) {
@@ -169,7 +170,7 @@ final class Select<T> with TerminalTools implements Component<Future<T>> {
       SetStyles.reset,
       Print(' $_message '),
       SetStyles(Style.foreground(Color.brightBlack)),
-      Print(_selectedOption as String),
+      Print(_onDisplay?.call(_selectedOption as T) ?? _selectedOption.toString()),
       SetStyles.reset,
       AsciiControl.lineFeed,
     ]);