alpha

src/views/view/SongListView.vue

@@ -1,10 +1,10 @@
 <template>
   <NSpin v-if="isLoading" show />
-  <component v-else :is="songListType" :user-info="userInfo" :songs="songs" />
+  <component v-else :is="componentType" :user-info="userInfo" :currentData="currentData" />
 </template>
 
 <script lang="ts" setup>
-import { SongListTypes, SongsInfo } from '@/api/api-models'
+import { SongsInfo } from '@/api/api-models'
 import DefaultSongListTemplate from '@/views/view/songListTemplate/DefaultSongListTemplate.vue'
 import { computed, onMounted, ref } from 'vue'
 import { UserInfo } from '@/api/api-models'
@@ -12,16 +12,19 @@ import { QueryGetAPI } from '@/api/query'
 import { SONG_API_URL } from '@/data/constants'
 import { NSpin, useMessage } from 'naive-ui'
 
-const { biliInfo, userInfo } = defineProps<{
+const props = defineProps<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   biliInfo: any | undefined
   userInfo: UserInfo | undefined
+  template?: string | undefined
+  fakeData?: SongsInfo[]
 }>()
 
-const songListType = computed(() => {
-  if (userInfo) {
-    switch (userInfo.songListType) {
-      case SongListTypes.Default:
+const componentType = computed(() => {
+  const type = props.template ?? props.userInfo?.extra?.templateTypes['songlist']?.toLowerCase()
+  if (props.userInfo) {
+    switch (type?.toLocaleLowerCase()) {
+      case '':
         return DefaultSongListTemplate
 
       default:
@@ -31,7 +34,7 @@ const songListType = computed(() => {
     return DefaultSongListTemplate
   }
 })
-const songs = ref<SongsInfo[]>()
+const currentData = ref<SongsInfo[]>()
 const isLoading = ref(true)
 const message = useMessage()
 
@@ -40,11 +43,11 @@ const errMessage = ref('')
 async function getSongs() {
   isLoading.value = true
   await QueryGetAPI<SongsInfo[]>(SONG_API_URL + 'get', {
-    id: userInfo?.id,
+    id: props.userInfo?.id,
   })
     .then((data) => {
       if (data.code == 200) {
-        songs.value = data.data
+        currentData.value = data.data
       } else {
         errMessage.value = data.message
         message.error('加载失败: ' + data.message)
@@ -60,6 +63,11 @@ async function getSongs() {
 }
 
 onMounted(async () => {
-  await getSongs()
+  if (!props.fakeData) {
+    await getSongs()
+  } else {
+    currentData.value = props.fakeData
+    isLoading.value = false
+  }
 })
 </script>