feat: search settings item

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

lib/pages/setting/search_page.dart

@@ -0,0 +1,86 @@
+import 'package:PiliPalaX/common/widgets/http_error.dart';
+import 'package:PiliPalaX/pages/setting/widgets/model.dart';
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+
+class SettingsSearchPage extends StatefulWidget {
+  const SettingsSearchPage({super.key});
+
+  @override
+  State<SettingsSearchPage> createState() => _SettingsSearchPageState();
+}
+
+class _SettingsSearchPageState extends State<SettingsSearchPage> {
+  final _textEditingController = TextEditingController();
+  final RxList<SettingsModel> _list = <SettingsModel>[].obs;
+
+  @override
+  void dispose() {
+    _textEditingController.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        actions: [
+          IconButton(
+            onPressed: () {
+              if (_textEditingController.text.isNotEmpty) {
+                _textEditingController.clear();
+                _list.value = <SettingsModel>[];
+              } else {
+                Get.back();
+              }
+            },
+            icon: const Icon(Icons.clear),
+          ),
+          const SizedBox(width: 10),
+        ],
+        title: TextField(
+          autofocus: true,
+          controller: _textEditingController,
+          textAlignVertical: TextAlignVertical.center,
+          onChanged: (value) {
+            if (value.isEmpty) {
+              _list.value = <SettingsModel>[];
+            } else {
+              _list.value = [
+                ...extraSettings,
+                ...privacySettings,
+                ...recommendSettings,
+                ...videoSettings,
+                ...playSettings,
+                ...styleSettings,
+              ]
+                  .where((item) =>
+                      (item.title ?? item.getTitle?.call())
+                          ?.toLowerCase()
+                          .contains(value.toLowerCase()) ||
+                      item.subtitle
+                              ?.toLowerCase()
+                              .contains(value.toLowerCase()) ==
+                          true)
+                  .toList();
+            }
+          },
+          decoration: InputDecoration(
+            isDense: true,
+            hintText: '搜索',
+            border: InputBorder.none,
+          ),
+        ),
+      ),
+      body: Obx(
+        () => _list.isEmpty
+            ? CustomScrollView(
+                slivers: [HttpError()],
+              )
+            : ListView(
+                children: _list.map((item) => item.widget).toList(),
+              ),
+      ),
+    );
+  }
+}