feat: im settings

Signed-off-by: bggRGjQaUbCoE <githubaccount56556@proton.me>

lib/pages/whisper_settings/widgets/item.dart

@@ -0,0 +1,165 @@
+import 'package:PiliPlus/grpc/bilibili/app/im/v1.pb.dart'
+    show SelectItem, Setting, SettingSwitch;
+import 'package:flutter/material.dart';
+
+class ImSettingsItem extends StatelessWidget {
+  const ImSettingsItem({
+    super.key,
+    required this.item,
+    required this.onSet,
+    required this.onRedirect,
+  });
+
+  final Setting item;
+  final Future<bool> Function() onSet;
+  final VoidCallback onRedirect;
+
+  @override
+  Widget build(BuildContext context) {
+    void rebuild() {
+      if (context.mounted) {
+        (context as Element).markNeedsBuild();
+      }
+    }
+
+    const titleStyle = TextStyle(fontSize: 14);
+    final theme = Theme.of(context);
+    final outline = theme.colorScheme.outline;
+    final subtitleStyle = TextStyle(fontSize: 13, color: outline);
+
+    if (item.hasSwitch_1()) {
+      Future<void> onChanged() async {
+        item.switch_1.switchOn = !item.switch_1.switchOn;
+        rebuild();
+        if (!await onSet()) {
+          item.switch_1.switchOn = !item.switch_1.switchOn;
+          rebuild();
+        }
+      }
+
+      return ListTile(
+        dense: true,
+        onTap: onChanged,
+        title: Text(
+          item.switch_1.title,
+          style: titleStyle,
+        ),
+        subtitle: item.switch_1.hasSubtitle()
+            ? Text(item.switch_1.subtitle, style: subtitleStyle)
+            : null,
+        trailing: Transform.scale(
+          alignment: Alignment.centerRight,
+          scale: 0.8,
+          child: Switch(
+            thumbIcon: WidgetStateProperty.resolveWith<Icon?>((states) {
+              if (states.isNotEmpty && states.first == WidgetState.selected) {
+                return const Icon(Icons.done);
+              }
+              return null;
+            }),
+            value: item.switch_1.switchOn,
+            onChanged: (value) => onChanged(),
+          ),
+        ),
+      );
+    }
+
+    if (item.hasRedirect()) {
+      SelectItem? selected;
+      SettingSwitch? sw1tch;
+      if (item.redirect.settingPage.subSettings.isNotEmpty) {
+        for (var subItem in item.redirect.settingPage.subSettings.values) {
+          if (subItem.hasSelect()) {
+            for (var i in subItem.select.item) {
+              if (i.selected) {
+                selected = i;
+                break;
+              }
+            }
+          } else if (subItem.hasSwitch_1()) {
+            if (subItem.switch_1.switchOn) {
+              sw1tch = subItem.switch_1;
+              break;
+            }
+          }
+        }
+      }
+      return ListTile(
+        dense: true,
+        onTap: onRedirect,
+        title: Text(
+          item.redirect.title,
+          style: titleStyle,
+        ),
+        subtitle: item.redirect.hasSubtitle()
+            ? Text(item.redirect.subtitle, style: subtitleStyle)
+            : null,
+        trailing: Row(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            if (selected != null)
+              Text(
+                selected.text,
+                style: TextStyle(fontSize: 13, color: outline),
+              )
+            else if (sw1tch != null)
+              Text(
+                sw1tch.title,
+                style: TextStyle(fontSize: 13, color: outline),
+              )
+            else if (item.redirect.hasSelectedSummary())
+              Text(
+                item.redirect.selectedSummary,
+                style: TextStyle(fontSize: 13, color: outline),
+              ),
+            Icon(color: outline, Icons.keyboard_arrow_right),
+          ],
+        ),
+      );
+    }
+
+    if (item.hasSelect()) {
+      String? selected;
+      return Column(
+        mainAxisSize: MainAxisSize.min,
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: item.select.item.map((e) {
+          if (e.selected) {
+            selected ??= e.text;
+          }
+          return ListTile(
+            dense: true,
+            onTap: () async {
+              if (!e.selected) {
+                for (var i in item.select.item) {
+                  i.selected = false;
+                }
+                e.selected = true;
+                rebuild();
+
+                if (await onSet()) {
+                  selected = e.text;
+                } else {
+                  for (var i in item.select.item) {
+                    i.selected = i.text == selected;
+                  }
+                  rebuild();
+                }
+              }
+            },
+            title: Text(e.text, style: titleStyle),
+            trailing: e.selected
+                ? Icon(
+                    size: 20,
+                    Icons.check,
+                    color: theme.colorScheme.primary,
+                  )
+                : null,
+          );
+        }).toList(),
+      );
+    }
+
+    return const SizedBox.shrink();
+  }
+}