123

2026-07-06 17:31:33 +00:00 · 2026-01-06 17:57:51 +08:00 · 2026-01-06 17:57:51 +08:00 · edd5a01482
commit edd5a01482
parent 634ffaed8c
9 changed files with 997 additions and 950 deletions
--- a/lib/features/item_viewer/view/library_item_hero_section.dart
+++ b/lib/features/item_viewer/view/library_item_hero_section.dart
@ -106,17 +106,17 @@ class _BookDetails extends HookConsumerWidget {
                mainAxisAlignment: MainAxisAlignment.start,
                children: [
                  // authors info if available
-                  _BookAuthors(
+                  BookAuthors(
                    itemBookMetadata: itemBookMetadata,
                    bookDetailsCached: extraMap?.book,
                  ),
                  // narrators info if available
-                  _BookNarrators(
+                  BookNarrators(
                    itemBookMetadata: itemBookMetadata,
                    bookDetailsCached: extraMap?.book,
                  ),
                  // series info if available
-                  _BookSeries(
+                  BookSeries(
                    itemBookMetadata: itemBookMetadata,
                    bookDetailsCached: extraMap?.book,
                  ),
@ -247,8 +247,8 @@ class _HeroSectionSubLabelWithIcon extends HookConsumerWidget {
  }
 }

-class _BookSeries extends StatelessWidget {
-  const _BookSeries({
+class BookSeries extends StatelessWidget {
+  const BookSeries({
    required this.itemBookMetadata,
    required this.bookDetailsCached,
  });
@ -292,8 +292,8 @@ class _BookSeries extends StatelessWidget {
  }
 }

-class _BookNarrators extends StatelessWidget {
-  const _BookNarrators({
+class BookNarrators extends StatelessWidget {
+  const BookNarrators({
    required this.itemBookMetadata,
    required this.bookDetailsCached,
  });
@ -423,8 +423,8 @@ class _BookTitle extends StatelessWidget {
  }
 }

-class _BookAuthors extends StatelessWidget {
-  const _BookAuthors({
+class BookAuthors extends StatelessWidget {
+  const BookAuthors({
    required this.itemBookMetadata,
    required this.bookDetailsCached,
  });
--- a/lib/features/player/core/abs_audio_player.dart
+++ b/lib/features/player/core/abs_audio_player.dart
@ -174,8 +174,7 @@ class AbsAudioPlayer {
  }

  Future<void> seek(Duration position, {int? index}) async {
-    await _player.seek(_addClippingStart(_player.position, add: false),
-        index: index);
+    await _player.seek(_addClippingStart(position, add: false), index: index);
  }

  Future<void> setSpeed(double speed) async {
--- a/lib/features/player/view/player_expanded_desktop.dart
+++ b/lib/features/player/view/player_expanded_desktop.dart
@ -1,12 +1,14 @@
 import 'dart:math';

+import 'package:audio_video_progress_bar/audio_video_progress_bar.dart';
 import 'package:flutter/material.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:shelfsdk/audiobookshelf_api.dart';
 import 'package:vaani/constants/sizes.dart';
+import 'package:vaani/features/item_viewer/view/library_item_hero_section.dart';
 import 'package:vaani/features/player/providers/abs_provider.dart';
 import 'package:vaani/features/player/view/player_expanded.dart'
    show PlayerExpandedImage;
-import 'package:vaani/features/player/view/player_minimized.dart';
 import 'package:vaani/features/player/view/widgets/audiobook_player_seek_button.dart';
 import 'package:vaani/features/player/view/widgets/audiobook_player_seek_chapter_button.dart';
 import 'package:vaani/features/player/view/widgets/chapter_selection_button.dart';
@ -16,6 +18,7 @@ import 'package:vaani/features/player/view/widgets/player_speed_adjust_button.da
 import 'package:vaani/features/skip_start_end/view/skip_start_end_button.dart';
 import 'package:vaani/features/sleep_timer/view/sleep_timer_button.dart';
 import 'package:vaani/globals.dart';
+import 'package:vaani/shared/extensions/model_conversions.dart';

 var pendingPlayerModals = 0;

@ -40,7 +43,7 @@ class PlayerExpandedDesktop extends HookConsumerWidget {
    final availWidth = MediaQuery.of(context).size.width;
    // the image width when the player is expanded
    final imageSize = min(playerMaxHeight * 0.5, availWidth * 0.9);
-
+    final itemBookMetadata = book.metadata.asBookMetadataExpanded;
    return Stack(
      alignment: Alignment.bottomCenter,
      children: [
@ -62,18 +65,7 @@ class PlayerExpandedDesktop extends HookConsumerWidget {
                        // add a shadow to the image elevation hovering effect
                        child: PlayerExpandedImage(imageSize),
                      ),
-                      // _buildControls(imageSize),
-                      // SizedBox(
-                      //   width: imageSize,
-                      //   child: Padding(
-                      //     padding: EdgeInsets.only(
-                      //       left: AppElementSizes.paddingRegular,
-                      //       right: AppElementSizes.paddingRegular,
-                      //     ),
-                      //     child: const AudiobookChapterProgressBar(),
-                      //   ),
-                      // ),
-                      _buildSettings(imageSize),
+                      _buildBookDetails(imageSize, itemBookMetadata),
                    ],
                  ),
                ),
@ -113,9 +105,19 @@ class PlayerExpandedDesktop extends HookConsumerWidget {
            ),
          ),
        ),
-        SizedBox(
-          height: playerMinimizedHeight,
-          child: _buildBottom(),
+        Column(
+          mainAxisAlignment: MainAxisAlignment.end,
+          children: [
+            Padding(
+              padding: EdgeInsets.symmetric(
+                horizontal: AppElementSizes.paddingRegular,
+              ),
+              child: const AudiobookChapterProgressBar(
+                timeLabelLocation: TimeLabelLocation.sides,
+              ),
+            ),
+            Container(child: _buildBottom()),
+          ],
        ),
      ],
    );
@ -123,69 +125,59 @@ class PlayerExpandedDesktop extends HookConsumerWidget {

  Widget _buildBottom() {
    return Row(
+      mainAxisAlignment: MainAxisAlignment.center,
      children: [
-        SizedBox(
-          width: 180,
+        Spacer(),
+        Expanded(
          child: Row(
            children: [
              const AudiobookPlayerSeekChapterButton(isForward: false),
+              const AudiobookPlayerSeekButton(isForward: false),
              // play/pause button
              const AudiobookPlayerPlayPauseButton(),
+              const AudiobookPlayerSeekButton(isForward: true),
              const AudiobookPlayerSeekChapterButton(isForward: true),
            ],
          ),
        ),
        Expanded(
-          child: Padding(
-            padding: EdgeInsets.only(
-              left: AppElementSizes.paddingRegular,
-              right: AppElementSizes.paddingRegular,
-            ),
-            child: const AudiobookChapterProgressBar(),
-          ),
-        ),
-      ],
-    );
-  }
-
-  Widget _buildControls(double width) {
-    return SizedBox(
-      width: width,
          child: Row(
-        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+            mainAxisAlignment: MainAxisAlignment.end,
            children: [
-          // previous chapter
-          const AudiobookPlayerSeekChapterButton(isForward: false),
-          // buttonSkipBackwards
-          const AudiobookPlayerSeekButton(isForward: false),
-          const AudiobookPlayerPlayPauseButton(),
-          // // buttonSkipForwards
-          const AudiobookPlayerSeekButton(isForward: true),
-          // // next chapter
-          const AudiobookPlayerSeekChapterButton(isForward: true),
-        ],
-      ),
-    );
-  }
-
-  Widget _buildSettings(double width) {
-    return SizedBox(
-      width: width,
-      child: Row(
-        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
-        children: [
-          const AudiobookPlayerSeekButton(isForward: false),
-          const AudiobookPlayerSeekButton(isForward: true),
-          // speed control
              const PlayerSpeedAdjustButton(),
-          const Spacer(),
-          // sleep timer
              const SleepTimerButton(),
-          const Spacer(),
-          // 跳过片头片尾
              SkipChapterStartEndButton(),
            ],
          ),
+        ),
+      ],
+    );
+  }
+
+  Widget _buildBookDetails(
+      double width, BookMetadataExpanded? itemBookMetadata) {
+    return Container(
+      padding: EdgeInsets.all(AppElementSizes.paddingLarge),
+      width: width,
+      child: Column(
+        children: [
+          // authors info if available
+          BookAuthors(
+            itemBookMetadata: itemBookMetadata,
+            bookDetailsCached: null,
+          ),
+          // narrators info if available
+          BookNarrators(
+            itemBookMetadata: itemBookMetadata,
+            bookDetailsCached: null,
+          ),
+          // series info if available
+          BookSeries(
+            itemBookMetadata: itemBookMetadata,
+            bookDetailsCached: null,
+          ),
+        ],
+      ),
    );
  }
 }
--- a/lib/features/player/view/player_minimized.dart
+++ b/lib/features/player/view/player_minimized.dart
@ -6,14 +6,12 @@ import 'package:vaani/constants/sizes.dart';
 import 'package:vaani/features/player/providers/abs_provider.dart';
 import 'package:vaani/features/player/view/widgets/audiobook_player_seek_chapter_button.dart';
 import 'package:vaani/features/player/view/widgets/player_player_pause_button.dart';
+import 'package:vaani/globals.dart';
 import 'package:vaani/router/router.dart';
 import 'package:vaani/shared/extensions/chapter.dart';
 import 'package:vaani/shared/extensions/model_conversions.dart';
 import 'package:vaani/shared/widgets/shelves/book_shelf.dart';

-/// The height of the player when it is minimized
-const double playerMinimizedHeight = 70;
-
 class PlayerMinimized extends HookConsumerWidget {
  const PlayerMinimized({super.key});

@ -26,9 +24,8 @@ class PlayerMinimized extends HookConsumerWidget {
    final size = MediaQuery.of(context).size;
    // 竖屏
    final isVertical = size.height > size.width;
-    return GestureDetector(
-      child: Container(
-        height: playerMinimizedHeight,
+    return Container(
+      height: playerMinHeight,
      color: Theme.of(context).colorScheme.surface,
      child: Stack(
        alignment: Alignment.topCenter,
@ -39,7 +36,6 @@ class PlayerMinimized extends HookConsumerWidget {
          const PlayerMinimizedProgress(),
        ],
      ),
-      ),
    );
  }
 }
@ -81,7 +77,7 @@ class PlayerMinimizedControls extends HookConsumerWidget {
              },
              child: ConstrainedBox(
                constraints: BoxConstraints(
-                  maxWidth: playerMinimizedHeight,
+                  maxWidth: playerMinHeight,
                ),
                child: BookCoverWidget(),
              ),
@ -174,7 +170,9 @@ class PlayerMinimizedControlsDesktop extends HookConsumerWidget {
    final currentBook = ref.watch(currentBookProvider);
    final currentChapter = ref.watch(currentChapterProvider);

-    return GestureDetector(
+    return MouseRegion(
+      cursor: SystemMouseCursors.click, // 桌面端显示手型光标
+      child: GestureDetector(
        behavior: HitTestBehavior.opaque,
        onTap: () {
          if (GoRouterState.of(context).topRoute?.name != Routes.player.name) {
@ -185,18 +183,6 @@ class PlayerMinimizedControlsDesktop extends HookConsumerWidget {
        },
        child: Row(
          children: [
-          SizedBox(
-            width: 180,
-            child: Row(
-              children: [
-                const AudiobookPlayerSeekChapterButton(isForward: false),
-                // play/pause button
-                const AudiobookPlayerPlayPauseButton(),
-                const AudiobookPlayerSeekChapterButton(isForward: true),
-              ],
-            ),
-          ),
-
            // image
            Padding(
              padding: EdgeInsets.all(AppElementSizes.paddingSmall),
@ -215,7 +201,7 @@ class PlayerMinimizedControlsDesktop extends HookConsumerWidget {
                },
                child: ConstrainedBox(
                  constraints: BoxConstraints(
-                  maxWidth: playerMinimizedHeight,
+                    maxWidth: playerMinHeight,
                  ),
                  child: BookCoverWidget(),
                ),
@ -256,8 +242,20 @@ class PlayerMinimizedControlsDesktop extends HookConsumerWidget {
                ),
              ),
            ),
+            SizedBox(
+              width: 180,
+              child: Row(
+                children: [
+                  const AudiobookPlayerSeekChapterButton(isForward: false),
+                  // play/pause button
+                  const AudiobookPlayerPlayPauseButton(),
+                  const AudiobookPlayerSeekChapterButton(isForward: true),
                ],
              ),
+            ),
+          ],
+        ),
+      ),
    );
  }
 }
--- a/lib/features/player/view/widgets/player_progress_bar.dart
+++ b/lib/features/player/view/widgets/player_progress_bar.dart
@ -5,9 +5,12 @@ import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:vaani/constants/sizes.dart';
 import 'package:vaani/features/player/providers/abs_provider.dart';

+// 章节进度
 class AudiobookChapterProgressBar extends HookConsumerWidget {
+  final TimeLabelLocation timeLabelLocation;
  const AudiobookChapterProgressBar({
    super.key,
+    this.timeLabelLocation = TimeLabelLocation.below,
  });

  @override
@ -54,11 +57,12 @@ class AudiobookChapterProgressBar extends HookConsumerWidget {
          currentChapterBuffered ?? buffered.data ?? const Duration(seconds: 0),
      bufferedBarColor: Theme.of(context).colorScheme.secondary,
      timeLabelType: TimeLabelType.remainingTime,
-      timeLabelLocation: TimeLabelLocation.below,
+      timeLabelLocation: timeLabelLocation,
    );
  }
 }

+// 书籍进度 简化版
 class AudiobookProgressBar extends HookConsumerWidget {
  const AudiobookProgressBar({
    super.key,
--- a/lib/features/settings/view/simple_settings_page.dart
+++ b/lib/features/settings/view/simple_settings_page.dart
@ -49,7 +49,7 @@ class SimpleSettingsPage extends HookConsumerWidget {
            ),
          // some padding at the bottom
          const SliverPadding(padding: EdgeInsets.only(bottom: 20)),
-          SliverToBoxAdapter(child: MiniPlayerBottomPadding()),
+          // SliverToBoxAdapter(child: MiniPlayerBottomPadding()),
        ],
      ),
    );
--- a/lib/generated/intl/messages_en.dart
+++ b/lib/generated/intl/messages_en.dart
@ -54,8 +54,10 @@ class MessageLookup extends MessageLookupByLibrary {
        "accountDeleteServer": MessageLookupByLibrary.simpleMessage(
          "Delete Server",
        ),
-    "accountInvalidURL": MessageLookupByLibrary.simpleMessage("Invalid URL"),
-    "accountManage": MessageLookupByLibrary.simpleMessage("Manage Accounts"),
+        "accountInvalidURL":
+            MessageLookupByLibrary.simpleMessage("Invalid URL"),
+        "accountManage":
+            MessageLookupByLibrary.simpleMessage("Manage Accounts"),
        "accountRegisteredServers": MessageLookupByLibrary.simpleMessage(
          "Registered Servers",
        ),
@ -94,7 +96,8 @@ class MessageLookup extends MessageLookupByLibrary {
        "autoTurnOnTimerAlways": MessageLookupByLibrary.simpleMessage(
          "Always Auto Turn On Timer",
        ),
-    "autoTurnOnTimerAlwaysDescription": MessageLookupByLibrary.simpleMessage(
+        "autoTurnOnTimerAlwaysDescription":
+            MessageLookupByLibrary.simpleMessage(
          "Always turn on the sleep timer, no matter what",
        ),
        "autoTurnOnTimerDescription": MessageLookupByLibrary.simpleMessage(
@ -122,9 +125,11 @@ class MessageLookup extends MessageLookupByLibrary {
        "bookAuthors": MessageLookupByLibrary.simpleMessage("Authors"),
        "bookDownloads": MessageLookupByLibrary.simpleMessage("Downloads"),
        "bookGenres": MessageLookupByLibrary.simpleMessage("Genres"),
-    "bookMetadataAbridged": MessageLookupByLibrary.simpleMessage("Abridged"),
+        "bookMetadataAbridged":
+            MessageLookupByLibrary.simpleMessage("Abridged"),
        "bookMetadataLength": MessageLookupByLibrary.simpleMessage("Length"),
-    "bookMetadataPublished": MessageLookupByLibrary.simpleMessage("Published"),
+        "bookMetadataPublished":
+            MessageLookupByLibrary.simpleMessage("Published"),
        "bookMetadataUnabridged": MessageLookupByLibrary.simpleMessage(
          "Unabridged",
        ),
@ -168,10 +173,12 @@ class MessageLookup extends MessageLookupByLibrary {
        "erDragText": MessageLookupByLibrary.simpleMessage("Pull to refresh"),
        "erDragTextUp": MessageLookupByLibrary.simpleMessage("Pull to refresh"),
        "erFailedText": MessageLookupByLibrary.simpleMessage("Failed"),
-    "erMessageText": MessageLookupByLibrary.simpleMessage("Last updated at %T"),
+        "erMessageText":
+            MessageLookupByLibrary.simpleMessage("Last updated at %T"),
        "erNoMoreText": MessageLookupByLibrary.simpleMessage("No more"),
        "erProcessedText": MessageLookupByLibrary.simpleMessage("Succeeded"),
-    "erProcessingText": MessageLookupByLibrary.simpleMessage("Refreshing..."),
+        "erProcessingText":
+            MessageLookupByLibrary.simpleMessage("Refreshing..."),
        "erReadyText": MessageLookupByLibrary.simpleMessage("Refreshing..."),
        "explore": MessageLookupByLibrary.simpleMessage("explore"),
        "exploreHint": MessageLookupByLibrary.simpleMessage(
@ -193,11 +200,13 @@ class MessageLookup extends MessageLookupByLibrary {
        "homeBookContinueSeries": MessageLookupByLibrary.simpleMessage(
          "Continue Series",
        ),
-    "homeBookContinueSeriesDescription": MessageLookupByLibrary.simpleMessage(
+        "homeBookContinueSeriesDescription":
+            MessageLookupByLibrary.simpleMessage(
          "Show play button for books in continue series shelf",
        ),
        "homeBookDiscover": MessageLookupByLibrary.simpleMessage("Discover"),
-    "homeBookListenAgain": MessageLookupByLibrary.simpleMessage("Listen Again"),
+        "homeBookListenAgain":
+            MessageLookupByLibrary.simpleMessage("Listen Again"),
        "homeBookListenAgainDescription": MessageLookupByLibrary.simpleMessage(
          "Show play button for all books in listen again shelf",
        ),
@ -207,7 +216,8 @@ class MessageLookup extends MessageLookupByLibrary {
        "homeBookRecentlyAdded": MessageLookupByLibrary.simpleMessage(
          "Recently Added",
        ),
-    "homeBookRecommended": MessageLookupByLibrary.simpleMessage("Recommended"),
+        "homeBookRecommended":
+            MessageLookupByLibrary.simpleMessage("Recommended"),
        "homeContinueListening": MessageLookupByLibrary.simpleMessage(
          "Continue Listening",
        ),
@ -280,7 +290,8 @@ class MessageLookup extends MessageLookupByLibrary {
        "nmpSettingsMediaControls": MessageLookupByLibrary.simpleMessage(
          "Media Controls",
        ),
-    "nmpSettingsMediaControlsDescription": MessageLookupByLibrary.simpleMessage(
+        "nmpSettingsMediaControlsDescription":
+            MessageLookupByLibrary.simpleMessage(
          "Select the media controls to display",
        ),
        "nmpSettingsSelectOne": MessageLookupByLibrary.simpleMessage(
@ -299,27 +310,32 @@ class MessageLookup extends MessageLookupByLibrary {
        "nmpSettingsSubTitleDescription": MessageLookupByLibrary.simpleMessage(
          "The subtitle of the notification\n",
        ),
-    "nmpSettingsTitle": MessageLookupByLibrary.simpleMessage("Primary Title"),
+        "nmpSettingsTitle":
+            MessageLookupByLibrary.simpleMessage("Primary Title"),
        "nmpSettingsTitleDescription": MessageLookupByLibrary.simpleMessage(
          "The title of the notification\n",
        ),
        "no": MessageLookupByLibrary.simpleMessage("No"),
-    "notImplemented": MessageLookupByLibrary.simpleMessage("Not implemented"),
+        "notImplemented":
+            MessageLookupByLibrary.simpleMessage("Not implemented"),
        "notificationMediaPlayer": MessageLookupByLibrary.simpleMessage(
          "Notification Media Player",
        ),
-    "notificationMediaPlayerDescription": MessageLookupByLibrary.simpleMessage(
+        "notificationMediaPlayerDescription":
+            MessageLookupByLibrary.simpleMessage(
          "Customize the media player in notifications",
        ),
        "ok": MessageLookupByLibrary.simpleMessage("OK"),
        "pause": MessageLookupByLibrary.simpleMessage("Pause"),
        "play": MessageLookupByLibrary.simpleMessage("Play"),
-    "playerSettings": MessageLookupByLibrary.simpleMessage("Player Settings"),
+        "playerSettings":
+            MessageLookupByLibrary.simpleMessage("Player Settings"),
        "playerSettingsCompleteTime": MessageLookupByLibrary.simpleMessage(
          "Mark Complete When Time Left",
        ),
        "playerSettingsCompleteTimeDescriptionHead":
-        MessageLookupByLibrary.simpleMessage("Mark complete when less than "),
+            MessageLookupByLibrary.simpleMessage(
+                "Mark complete when less than "),
        "playerSettingsCompleteTimeDescriptionTail":
            MessageLookupByLibrary.simpleMessage(" left in the book"),
        "playerSettingsDescription": MessageLookupByLibrary.simpleMessage(
@ -334,7 +350,8 @@ class MessageLookup extends MessageLookupByLibrary {
            MessageLookupByLibrary.simpleMessage(
          "Show the progress of the current chapter in the player",
        ),
-    "playerSettingsDisplayTotalProgress": MessageLookupByLibrary.simpleMessage(
+        "playerSettingsDisplayTotalProgress":
+            MessageLookupByLibrary.simpleMessage(
          "Show Total Progress",
        ),
        "playerSettingsDisplayTotalProgressDescription":
@ -363,7 +380,8 @@ class MessageLookup extends MessageLookupByLibrary {
        ),
        "playerSettingsPlaybackReportingMinimumDescriptionTail":
            MessageLookupByLibrary.simpleMessage("of the book"),
-    "playerSettingsRememberForEveryBook": MessageLookupByLibrary.simpleMessage(
+        "playerSettingsRememberForEveryBook":
+            MessageLookupByLibrary.simpleMessage(
          "Remember Player Settings for Every Book",
        ),
        "playerSettingsRememberForEveryBookDescription":
@ -377,14 +395,17 @@ class MessageLookup extends MessageLookupByLibrary {
        "playerSettingsSpeedOptions": MessageLookupByLibrary.simpleMessage(
          "Speed Options",
        ),
-    "playerSettingsSpeedOptionsSelect": MessageLookupByLibrary.simpleMessage(
+        "playerSettingsSpeedOptionsSelect":
+            MessageLookupByLibrary.simpleMessage(
          "Select Speed Options",
        ),
-    "playerSettingsSpeedOptionsSelectAdd": MessageLookupByLibrary.simpleMessage(
+        "playerSettingsSpeedOptionsSelectAdd":
+            MessageLookupByLibrary.simpleMessage(
          "Add Speed Option",
        ),
        "playerSettingsSpeedOptionsSelectAddHelper":
-        MessageLookupByLibrary.simpleMessage("Enter a new speed option to add"),
+            MessageLookupByLibrary.simpleMessage(
+                "Enter a new speed option to add"),
        "playerSettingsSpeedSelect": MessageLookupByLibrary.simpleMessage(
          "Select Speed",
        ),
@ -432,7 +453,8 @@ class MessageLookup extends MessageLookupByLibrary {
        "shakeActivationThreshold": MessageLookupByLibrary.simpleMessage(
          "Shake Activation Threshold",
        ),
-    "shakeActivationThresholdDescription": MessageLookupByLibrary.simpleMessage(
+        "shakeActivationThresholdDescription":
+            MessageLookupByLibrary.simpleMessage(
          "The higher the threshold, the harder you need to shake",
        ),
        "shakeDetector": MessageLookupByLibrary.simpleMessage("Shake Detector"),
@ -470,7 +492,8 @@ class MessageLookup extends MessageLookupByLibrary {
        "themeModeHighContrast": MessageLookupByLibrary.simpleMessage(
          "High Contrast Mode",
        ),
-    "themeModeHighContrastDescription": MessageLookupByLibrary.simpleMessage(
+        "themeModeHighContrastDescription":
+            MessageLookupByLibrary.simpleMessage(
          "Increase the contrast between the background and the text",
        ),
        "themeModeLight": MessageLookupByLibrary.simpleMessage("Light"),
@ -485,7 +508,8 @@ class MessageLookup extends MessageLookupByLibrary {
        "themeSettingsColorsBook": MessageLookupByLibrary.simpleMessage(
          "Adaptive Theme on Item Page",
        ),
-    "themeSettingsColorsBookDescription": MessageLookupByLibrary.simpleMessage(
+        "themeSettingsColorsBookDescription":
+            MessageLookupByLibrary.simpleMessage(
          "Get fancy with the colors on the item page at the cost of some performance",
        ),
        "themeSettingsColorsCurrent": MessageLookupByLibrary.simpleMessage(
--- a/lib/generated/intl/messages_zh.dart
+++ b/lib/generated/intl/messages_zh.dart
@ -50,7 +50,8 @@ class MessageLookup extends MessageLookupByLibrary {
        "accountDeleteServer": MessageLookupByLibrary.simpleMessage("删除服务器"),
        "accountInvalidURL": MessageLookupByLibrary.simpleMessage("无效网址"),
        "accountManage": MessageLookupByLibrary.simpleMessage("帐户管理"),
-    "accountRegisteredServers": MessageLookupByLibrary.simpleMessage("已注册服务器"),
+        "accountRegisteredServers":
+            MessageLookupByLibrary.simpleMessage("已注册服务器"),
        "accountRemoveServerAndUsers": MessageLookupByLibrary.simpleMessage(
          "删除服务器和用户",
        ),
@ -60,7 +61,8 @@ class MessageLookup extends MessageLookupByLibrary {
        "accountRemoveServerAndUsersTail": MessageLookupByLibrary.simpleMessage(
          " 以及该应用程序中所有用户的登录信息。",
        ),
-    "accountRemoveUserLogin": MessageLookupByLibrary.simpleMessage("删除用户登录"),
+        "accountRemoveUserLogin":
+            MessageLookupByLibrary.simpleMessage("删除用户登录"),
        "accountRemoveUserLoginHead": MessageLookupByLibrary.simpleMessage(
          "这将删除用户 ",
        ),
@ -72,11 +74,15 @@ class MessageLookup extends MessageLookupByLibrary {
        "accountUsersCount": m1,
        "appSettings": MessageLookupByLibrary.simpleMessage("应用设置"),
        "appearance": MessageLookupByLibrary.simpleMessage("外观"),
-    "autoSleepTimerSettings": MessageLookupByLibrary.simpleMessage("自动睡眠定时器设置"),
-    "autoTurnOnSleepTimer": MessageLookupByLibrary.simpleMessage("自动开启睡眠定时器"),
+        "autoSleepTimerSettings":
+            MessageLookupByLibrary.simpleMessage("自动睡眠定时器设置"),
+        "autoTurnOnSleepTimer":
+            MessageLookupByLibrary.simpleMessage("自动开启睡眠定时器"),
        "autoTurnOnTimer": MessageLookupByLibrary.simpleMessage("自动开启定时器"),
-    "autoTurnOnTimerAlways": MessageLookupByLibrary.simpleMessage("始终自动开启定时器"),
-    "autoTurnOnTimerAlwaysDescription": MessageLookupByLibrary.simpleMessage(
+        "autoTurnOnTimerAlways":
+            MessageLookupByLibrary.simpleMessage("始终自动开启定时器"),
+        "autoTurnOnTimerAlwaysDescription":
+            MessageLookupByLibrary.simpleMessage(
          "总是打开睡眠定时器",
        ),
        "autoTurnOnTimerDescription": MessageLookupByLibrary.simpleMessage(
@ -118,7 +124,8 @@ class MessageLookup extends MessageLookupByLibrary {
        "copyToClipboardDescription": MessageLookupByLibrary.simpleMessage(
          "将应用程序设置复制到剪贴板",
        ),
-    "copyToClipboardToast": MessageLookupByLibrary.simpleMessage("设置已复制到剪贴板"),
+        "copyToClipboardToast":
+            MessageLookupByLibrary.simpleMessage("设置已复制到剪贴板"),
        "delete": MessageLookupByLibrary.simpleMessage("删除"),
        "deleteDialog": m2,
        "deleted": m3,
@ -141,11 +148,13 @@ class MessageLookup extends MessageLookupByLibrary {
        "general": MessageLookupByLibrary.simpleMessage("通用"),
        "help": MessageLookupByLibrary.simpleMessage("Help"),
        "home": MessageLookupByLibrary.simpleMessage("首页"),
-    "homeBookContinueListening": MessageLookupByLibrary.simpleMessage("继续收听"),
+        "homeBookContinueListening":
+            MessageLookupByLibrary.simpleMessage("继续收听"),
        "homeBookContinueListeningDescription":
            MessageLookupByLibrary.simpleMessage("继续收听书架上显示播放按钮"),
        "homeBookContinueSeries": MessageLookupByLibrary.simpleMessage("继续系列"),
-    "homeBookContinueSeriesDescription": MessageLookupByLibrary.simpleMessage(
+        "homeBookContinueSeriesDescription":
+            MessageLookupByLibrary.simpleMessage(
          "继续系列书架上显示播放按钮",
        ),
        "homeBookDiscover": MessageLookupByLibrary.simpleMessage("发现"),
@ -167,7 +176,8 @@ class MessageLookup extends MessageLookupByLibrary {
        ),
        "homePageSettingsOtherShelvesDescription":
            MessageLookupByLibrary.simpleMessage("显示所有剩余书架上所有书籍的播放按钮"),
-    "homePageSettingsQuickPlay": MessageLookupByLibrary.simpleMessage("继续播放"),
+        "homePageSettingsQuickPlay":
+            MessageLookupByLibrary.simpleMessage("继续播放"),
        "homeStartListening": MessageLookupByLibrary.simpleMessage("开始收听"),
        "language": MessageLookupByLibrary.simpleMessage("语言"),
        "languageDescription": MessageLookupByLibrary.simpleMessage("语言切换"),
@ -184,7 +194,8 @@ class MessageLookup extends MessageLookupByLibrary {
        "loginOpenID": MessageLookupByLibrary.simpleMessage("OpenID"),
        "loginPassword": MessageLookupByLibrary.simpleMessage("密码"),
        "loginServerClick": MessageLookupByLibrary.simpleMessage("单击此处"),
-    "loginServerConnected": MessageLookupByLibrary.simpleMessage("服务器已连接，请登录"),
+        "loginServerConnected":
+            MessageLookupByLibrary.simpleMessage("服务器已连接，请登录"),
        "loginServerNo": MessageLookupByLibrary.simpleMessage("没有服务器? "),
        "loginServerNoConnected": MessageLookupByLibrary.simpleMessage(
          "请输入您的AudiobookShelf服务器的URL",
@ -197,8 +208,10 @@ class MessageLookup extends MessageLookupByLibrary {
        "logs": MessageLookupByLibrary.simpleMessage("日志"),
        "nmpSettingsBackward": MessageLookupByLibrary.simpleMessage("快退间隔"),
        "nmpSettingsForward": MessageLookupByLibrary.simpleMessage("快进间隔"),
-    "nmpSettingsMediaControls": MessageLookupByLibrary.simpleMessage("媒体控制"),
-    "nmpSettingsMediaControlsDescription": MessageLookupByLibrary.simpleMessage(
+        "nmpSettingsMediaControls":
+            MessageLookupByLibrary.simpleMessage("媒体控制"),
+        "nmpSettingsMediaControlsDescription":
+            MessageLookupByLibrary.simpleMessage(
          "选择要显示的媒体控件",
        ),
        "nmpSettingsSelectOne": MessageLookupByLibrary.simpleMessage(
@ -219,8 +232,10 @@ class MessageLookup extends MessageLookupByLibrary {
        ),
        "no": MessageLookupByLibrary.simpleMessage("否"),
        "notImplemented": MessageLookupByLibrary.simpleMessage("未实现"),
-    "notificationMediaPlayer": MessageLookupByLibrary.simpleMessage("通知媒体播放器"),
-    "notificationMediaPlayerDescription": MessageLookupByLibrary.simpleMessage(
+        "notificationMediaPlayer":
+            MessageLookupByLibrary.simpleMessage("通知媒体播放器"),
+        "notificationMediaPlayerDescription":
+            MessageLookupByLibrary.simpleMessage(
          "在通知中自定义媒体播放器",
        ),
        "ok": MessageLookupByLibrary.simpleMessage("确定"),
@ -242,7 +257,8 @@ class MessageLookup extends MessageLookupByLibrary {
            MessageLookupByLibrary.simpleMessage("显示章节进度"),
        "playerSettingsDisplayChapterProgressDescription":
            MessageLookupByLibrary.simpleMessage("在播放器中显示当前章节的进度"),
-    "playerSettingsDisplayTotalProgress": MessageLookupByLibrary.simpleMessage(
+        "playerSettingsDisplayTotalProgress":
+            MessageLookupByLibrary.simpleMessage(
          "显示总进度",
        ),
        "playerSettingsDisplayTotalProgressDescription":
@ -265,7 +281,8 @@ class MessageLookup extends MessageLookupByLibrary {
            MessageLookupByLibrary.simpleMessage("不要报告本书前 "),
        "playerSettingsPlaybackReportingMinimumDescriptionTail":
            MessageLookupByLibrary.simpleMessage(" 的播放"),
-    "playerSettingsRememberForEveryBook": MessageLookupByLibrary.simpleMessage(
+        "playerSettingsRememberForEveryBook":
+            MessageLookupByLibrary.simpleMessage(
          "记住每本书的播放器设置",
        ),
        "playerSettingsRememberForEveryBookDescription":
@ -277,15 +294,18 @@ class MessageLookup extends MessageLookupByLibrary {
        "playerSettingsSpeedOptions": MessageLookupByLibrary.simpleMessage(
          "播放速度选项",
        ),
-    "playerSettingsSpeedOptionsSelect": MessageLookupByLibrary.simpleMessage(
+        "playerSettingsSpeedOptionsSelect":
+            MessageLookupByLibrary.simpleMessage(
          "播放速度选项",
        ),
-    "playerSettingsSpeedOptionsSelectAdd": MessageLookupByLibrary.simpleMessage(
+        "playerSettingsSpeedOptionsSelectAdd":
+            MessageLookupByLibrary.simpleMessage(
          "添加一个速度选项",
        ),
        "playerSettingsSpeedOptionsSelectAddHelper":
            MessageLookupByLibrary.simpleMessage("输入一个新的速度选项"),
-    "playerSettingsSpeedSelect": MessageLookupByLibrary.simpleMessage("选择播放速度"),
+        "playerSettingsSpeedSelect":
+            MessageLookupByLibrary.simpleMessage("选择播放速度"),
        "playerSettingsSpeedSelectHelper": MessageLookupByLibrary.simpleMessage(
          "输入默认的播放速度",
        ),
@ -306,8 +326,10 @@ class MessageLookup extends MessageLookupByLibrary {
        "restoreBackupHint": MessageLookupByLibrary.simpleMessage("将备份粘贴到此处"),
        "restoreBackupInvalid": MessageLookupByLibrary.simpleMessage("无效备份"),
        "restoreBackupSuccess": MessageLookupByLibrary.simpleMessage("设置已恢复"),
-    "restoreBackupValidator": MessageLookupByLibrary.simpleMessage("请将备份粘贴到此处"),
-    "restoreDescription": MessageLookupByLibrary.simpleMessage("从备份中还原应用程序设置"),
+        "restoreBackupValidator":
+            MessageLookupByLibrary.simpleMessage("请将备份粘贴到此处"),
+        "restoreDescription":
+            MessageLookupByLibrary.simpleMessage("从备份中还原应用程序设置"),
        "resume": MessageLookupByLibrary.simpleMessage("继续"),
        "retry": MessageLookupByLibrary.simpleMessage("重试"),
        "settings": MessageLookupByLibrary.simpleMessage("设置"),
@ -315,8 +337,10 @@ class MessageLookup extends MessageLookupByLibrary {
        "shakeActionDescription": MessageLookupByLibrary.simpleMessage(
          "检测到抖动时要执行的操作",
        ),
-    "shakeActivationThreshold": MessageLookupByLibrary.simpleMessage("抖动激活阈值"),
-    "shakeActivationThresholdDescription": MessageLookupByLibrary.simpleMessage(
+        "shakeActivationThreshold":
+            MessageLookupByLibrary.simpleMessage("抖动激活阈值"),
+        "shakeActivationThresholdDescription":
+            MessageLookupByLibrary.simpleMessage(
          "门槛越高，你就越难摇晃",
        ),
        "shakeDetector": MessageLookupByLibrary.simpleMessage("抖动检测器"),
@ -327,7 +351,8 @@ class MessageLookup extends MessageLookupByLibrary {
        "shakeDetectorEnableDescription": MessageLookupByLibrary.simpleMessage(
          "启用抖动检测以执行各种操作",
        ),
-    "shakeDetectorSettings": MessageLookupByLibrary.simpleMessage("抖动检测器设置"),
+        "shakeDetectorSettings":
+            MessageLookupByLibrary.simpleMessage("抖动检测器设置"),
        "shakeFeedback": MessageLookupByLibrary.simpleMessage("抖动反馈"),
        "shakeFeedbackDescription": MessageLookupByLibrary.simpleMessage(
          "检测到抖动时给出的反馈",
@ -342,18 +367,21 @@ class MessageLookup extends MessageLookupByLibrary {
        "themeMode": MessageLookupByLibrary.simpleMessage("主题模式"),
        "themeModeDark": MessageLookupByLibrary.simpleMessage("深色"),
        "themeModeHighContrast": MessageLookupByLibrary.simpleMessage("高对比度模式"),
-    "themeModeHighContrastDescription": MessageLookupByLibrary.simpleMessage(
+        "themeModeHighContrastDescription":
+            MessageLookupByLibrary.simpleMessage(
          "增加背景和文本之间的对比度",
        ),
        "themeModeLight": MessageLookupByLibrary.simpleMessage("浅色"),
        "themeModeSystem": MessageLookupByLibrary.simpleMessage("跟随系统"),
        "themeSettings": MessageLookupByLibrary.simpleMessage("主题设置"),
        "themeSettingsColors": MessageLookupByLibrary.simpleMessage("主题色"),
-    "themeSettingsColorsAndroid": MessageLookupByLibrary.simpleMessage("主题色"),
+        "themeSettingsColorsAndroid":
+            MessageLookupByLibrary.simpleMessage("主题色"),
        "themeSettingsColorsBook": MessageLookupByLibrary.simpleMessage(
          "书籍详情页自适应主题",
        ),
-    "themeSettingsColorsBookDescription": MessageLookupByLibrary.simpleMessage(
+        "themeSettingsColorsBookDescription":
+            MessageLookupByLibrary.simpleMessage(
          "以牺牲一些性能为代价，对书籍详情页的颜色进行美化",
        ),
        "themeSettingsColorsCurrent": MessageLookupByLibrary.simpleMessage(
@ -364,7 +392,8 @@ class MessageLookup extends MessageLookupByLibrary {
        "themeSettingsColorsDescription": MessageLookupByLibrary.simpleMessage(
          "使用应用程序的系统主题色",
        ),
-    "themeSettingsDescription": MessageLookupByLibrary.simpleMessage("自定义应用主题"),
+        "themeSettingsDescription":
+            MessageLookupByLibrary.simpleMessage("自定义应用主题"),
        "timeSecond": m7,
        "unknown": MessageLookupByLibrary.simpleMessage("未知"),
        "webVersion": MessageLookupByLibrary.simpleMessage("Web版本"),
--- a/pubspec.yaml
+++ b/pubspec.yaml
@ -106,6 +106,7 @@ dependencies:
  
  # 设置UI
  flutter_settings_ui: ^3.0.1
+  # settings_ui: ^2.0.2

  # 权限申请
  permission_handler: ^11.3.1