feat: 歌单排序

maotoumao · May 21, 2023 · 3499559 · 3499559
1 parent 9801b15
commit 3499559
Show file tree

Hide file tree

Showing 2 changed files with 61 additions and 0 deletions.
diff --git a/src/core/musicSheet.ts b/src/core/musicSheet.ts
@@ -7,6 +7,7 @@ import {useEffect, useState} from 'react';
 import {nanoid} from 'nanoid';
 import {getStorage, setStorage} from '@/utils/storage';
 import {isSameMediaItem} from '@/utils/mediaItem';
+import shuffle from 'lodash.shuffle';
 
 const defaultSheet: IMusic.IMusicSheetItemBase = {
     id: 'favorite',
@@ -250,6 +251,28 @@ function getSheetItems(): IMusic.IMusicSheetItem[] {
     });
 }
 
+function sortMusicList(
+    type: undefined | 'a2z' | 'z2a' | 'random' | 'arta2z' | 'artz2a',
+    musicSheet: IMusic.IMusicSheetItem,
+) {
+    let musicList = [...(musicSheet.musicList ?? [])];
+    if (type === 'a2z') {
+        musicList.sort((a, b) => a.title.localeCompare(b.title));
+    } else if (type === 'z2a') {
+        musicList.sort((b, a) => a.title.localeCompare(b.title));
+    } else if (type === 'random') {
+        musicList = shuffle(musicList);
+    } else if (type === 'arta2z') {
+        musicList.sort((a, b) => a.artist?.localeCompare?.(b.artist));
+    } else if (type === 'artz2a') {
+        musicList.sort((b, a) => a.artist?.localeCompare?.(b.artist));
+    }
+
+    updateAndSaveSheet(musicSheet.id, {
+        musicList: type ? musicList : undefined,
+    });
+}
+
 function useSheets(): IMusic.IMusicSheet;
 function useSheets(sheetId: string): IMusic.IMusicSheetItem;
 function useSheets(sheetId?: string) {
@@ -286,6 +309,7 @@ const MusicSheet = {
     updateAndSaveSheet,
     removeMusic,
     useUserSheets,
+    sortMusicList,
 };
 
 export default MusicSheet;
diff --git a/src/pages/sheetDetail/components/navBar.tsx b/src/pages/sheetDetail/components/navBar.tsx
@@ -56,6 +56,43 @@ export default function () {
                         });
                     },
                 },
+                {
+                    icon: 'sort',
+                    title: '排序',
+                    onPress() {
+                        showDialog('RadioDialog', {
+                            content: [
+                                {
+                                    value: 'random',
+                                    key: '随机顺序',
+                                },
+                                {
+                                    value: 'a2z',
+                                    key: '歌曲名A-Z',
+                                },
+                                {
+                                    value: 'z2a',
+                                    key: '歌曲名Z-A',
+                                },
+                                {
+                                    value: 'arta2z',
+                                    key: '作者名A-Z',
+                                },
+                                {
+                                    value: 'artz2a',
+                                    key: '作者名Z-A',
+                                },
+                            ],
+                            title: '排序',
+                            async onOk(value) {
+                                MusicSheet.sortMusicList(
+                                    value as any,
+                                    musicSheet,
+                                );
+                            },
+                        });
+                    },
+                },
             ]}
         />
     );