feat: 更新 LiveRequest 组件，重构代码并优化歌曲请求逻辑

- 添加时间戳以解决缓存问题
- 重构组件结构，简化逻辑，增强可读性
- 更新歌曲请求设置和管理功能

src/views/open_live/components/SongRequestList.vue

@@ -0,0 +1,157 @@
+<script setup lang="ts">
+import { computed, provide } from 'vue'
+import { NCard, NSpace, NTag, NIcon, NInput, NInputGroup, NButton, NPopconfirm, NRadioGroup, NRadioButton, NCheckbox, NEmpty, NList, NListItem, NDivider } from 'naive-ui'
+import { PeopleQueue24Filled } from '@vicons/fluent'
+import { Checkmark12Regular } from '@vicons/fluent'
+import { isSameDay } from 'date-fns'
+import { SongRequestInfo, SongRequestStatus, QueueSortType } from '@/api/api-models'
+import SongRequestItem from './SongRequestItem.vue'
+import { useLiveRequest } from '@/composables/useLiveRequest'
+import { useAccount } from '@/api/account'
+import { SaveSetting } from '@/api/account'
+
+// 使用useLiveRequest
+const songRequest = useLiveRequest()
+const accountInfo = useAccount()
+
+// 提供activeSongs给子组件
+provide('activeSongs', songRequest.activeSongs)
+
+const todayFinishedCount = computed(() => {
+  return songRequest.songs.filter(s => s.status != SongRequestStatus.Cancel &&
+    isSameDay(s.finishAt ?? 0, Date.now())).length
+})
+
+const waitingCount = computed(() => {
+  return songRequest.activeSongs.filter(s => s.status === SongRequestStatus.Waiting).length
+})
+
+// 当前的排序顺序
+const currentIsReverse = computed(() =>
+  songRequest.configCanEdit ? accountInfo.value?.settings?.songRequest?.isReverse : songRequest.isReverse
+)
+
+// 保存排序设置
+async function updateSettings() {
+  if (accountInfo.value?.id) {
+    songRequest.isLoading = true
+    await SaveSetting('SongRequest', accountInfo.value.settings.songRequest)
+      .then((msg) => {
+        if (msg) {
+          window.$message.success('已保存')
+          return true
+        } else {
+          window.$message.error('保存失败: ' + msg)
+        }
+      })
+      .finally(() => {
+        songRequest.isLoading = false
+      })
+  } else {
+    window.$message.success('完成')
+  }
+}
+</script>
+
+<template>
+  <NCard size="small">
+    <NSpace align="center">
+      <NTag
+        type="success"
+        :bordered="false"
+      >
+        <template #icon>
+          <NIcon :component="PeopleQueue24Filled" />
+        </template>
+        队列 | {{ waitingCount }}
+      </NTag>
+      <NTag
+        type="success"
+        :bordered="false"
+      >
+        <template #icon>
+          <NIcon :component="Checkmark12Regular" />
+        </template>
+        今日已处理 | {{ todayFinishedCount }} 个
+      </NTag>
+      <NInputGroup>
+        <NInput
+          :value="songRequest.newSongName"
+          placeholder="手动添加"
+          @update:value="songRequest.newSongName = $event"
+        />
+        <NButton
+          type="primary"
+          @click="songRequest.addSongManual()"
+        >
+          添加
+        </NButton>
+      </NInputGroup>
+      <NRadioGroup
+        v-model:value="accountInfo.settings.songRequest.sortType"
+        :disabled="!songRequest.configCanEdit"
+        type="button"
+        @update:value="value => {
+          updateSettings()
+        }"
+      >
+        <NRadioButton :value="QueueSortType.TimeFirst">
+          加入时间优先
+        </NRadioButton>
+        <NRadioButton :value="QueueSortType.PaymentFist">
+          付费价格优先
+        </NRadioButton>
+        <NRadioButton :value="QueueSortType.GuardFirst">
+          舰长优先 (按等级)
+        </NRadioButton>
+        <NRadioButton :value="QueueSortType.FansMedalFirst">
+          粉丝牌等级优先
+        </NRadioButton>
+      </NRadioGroup>
+      <NCheckbox
+        :checked="currentIsReverse"
+        @update:checked="value => {
+          if (songRequest.configCanEdit) {
+            accountInfo.settings.songRequest.isReverse = value
+            updateSettings()
+          } else {
+            songRequest.isReverse = value
+          }
+        }"
+      >
+        倒序
+      </NCheckbox>
+      <NPopconfirm @positive-click="songRequest.deactiveAllSongs()">
+        <template #trigger>
+          <NButton type="error">
+            全部取消
+          </NButton>
+        </template>
+        确定全部取消吗?
+      </NPopconfirm>
+    </NSpace>
+  </NCard>
+  <NDivider> 共 {{ songRequest.activeSongs.length }} 首 </NDivider>
+  <NList
+    v-if="songRequest.activeSongs.length > 0"
+    :show-divider="false"
+    hoverable
+  >
+    <NListItem
+      v-for="song in songRequest.activeSongs"
+      :key="song.id"
+      style="padding: 5px"
+    >
+      <SongRequestItem
+        :song="song"
+        :is-loading="songRequest.isLoading"
+        :is-lrc-loading="songRequest.isLrcLoading"
+        :update-key="songRequest.updateKey"
+      />
+    </NListItem>
+  </NList>
+  <NEmpty
+    v-else
+    description="暂无曲目"
+  />
+</template>