From 3db4b9984e7a9f063fa04cd4f50faf67f470f980 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8D=A3=E9=A1=B6?= <wangrongding@qq.com>
Date: Wed, 10 Apr 2024 22:28:12 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20=E8=B0=83=E6=95=B4=20icon=20=E5=BC=95?=
 =?UTF-8?q?=E5=85=A5=E6=96=B9=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/icons/index.ts                   | 37 +++++++++++++++++++++
 src/components/bottom-panel/BottomPanel.vue | 26 ++++++++-------
 src/stores/player.ts                        |  2 +-
 src/views/main-page.vue                     |  3 +-
 4 files changed, 53 insertions(+), 15 deletions(-)
 create mode 100644 src/assets/icons/index.ts

diff --git a/src/assets/icons/index.ts b/src/assets/icons/index.ts
new file mode 100644
index 0000000..9216e90
--- /dev/null
+++ b/src/assets/icons/index.ts
@@ -0,0 +1,37 @@
+import IconCopy from '~/assets/icons/control-copy.svg?component'
+import IconCut from '~/assets/icons/control-cut.svg?component'
+import IconDelete from '~/assets/icons/control-delete.svg?component'
+import IconNext from '~/assets/icons/control-next.svg?component'
+import IconPause from '~/assets/icons/control-pause.svg?component'
+import IconPlay from '~/assets/icons/control-play.svg?component'
+import IconPrev from '~/assets/icons/control-prev.svg?component'
+import IconRedo from '~/assets/icons/control-redo.svg?component'
+import IconUndo from '~/assets/icons/control-undo.svg?component'
+import IconZoomin from '~/assets/icons/control-zoomin.svg?component'
+import IconZoomout from '~/assets/icons/control-zoomout.svg?component'
+import IconZoomToFit from '~/assets/icons/control-zoomtofit.svg?component'
+import IconExport from '~/assets/icons/icon-export.svg?component'
+import IconGithub from '~/assets/icons/icon-github.svg?component'
+import IconMusic from '~/assets/icons/icon-music.svg?component'
+import IconText from '~/assets/icons/icon-text.svg?component'
+import IconVideo from '~/assets/icons/icon-video.svg?component'
+
+export {
+  IconExport,
+  IconGithub,
+  IconMusic,
+  IconText,
+  IconVideo,
+  IconCopy,
+  IconCut,
+  IconDelete,
+  IconNext,
+  IconPause,
+  IconPlay,
+  IconPrev,
+  IconRedo,
+  IconUndo,
+  IconZoomin,
+  IconZoomout,
+  IconZoomToFit
+}
diff --git a/src/components/bottom-panel/BottomPanel.vue b/src/components/bottom-panel/BottomPanel.vue
index 3801531..6d49671 100644
--- a/src/components/bottom-panel/BottomPanel.vue
+++ b/src/components/bottom-panel/BottomPanel.vue
@@ -1,18 +1,20 @@
 <script setup lang="ts">
 import TrackList from './TrackList.vue'
 import { storeToRefs } from 'pinia'
-import IconCopy from '~/assets/icons/control-copy.svg?component'
-import IconCut from '~/assets/icons/control-cut.svg?component'
-import IconDelete from '~/assets/icons/control-delete.svg?component'
-import IconNext from '~/assets/icons/control-next.svg?component'
-import IconPause from '~/assets/icons/control-pause.svg?component'
-import IconPlay from '~/assets/icons/control-play.svg?component'
-import IconPrev from '~/assets/icons/control-prev.svg?component'
-import IconRedo from '~/assets/icons/control-redo.svg?component'
-import IconUndo from '~/assets/icons/control-undo.svg?component'
-import IconZoomin from '~/assets/icons/control-zoomin.svg?component'
-import IconZoomout from '~/assets/icons/control-zoomout.svg?component'
-import IconZoomToFit from '~/assets/icons/control-zoomtofit.svg?component'
+import {
+  IconCopy,
+  IconCut,
+  IconDelete,
+  IconNext,
+  IconPause,
+  IconPlay,
+  IconPrev,
+  IconRedo,
+  IconUndo,
+  IconZoomToFit,
+  IconZoomin,
+  IconZoomout
+} from '~/assets/icons/index'
 import { usePlayerStore } from '~/stores/player'
 import { formatSeconds } from '~/utils/index'
 
diff --git a/src/stores/player.ts b/src/stores/player.ts
index 7678248..c7a1ff5 100644
--- a/src/stores/player.ts
+++ b/src/stores/player.ts
@@ -9,7 +9,7 @@ export const usePlayerStore = defineStore('playerStore', () => {
     playStatus.value = state === undefined ? !playStatus.value : state
   }
   // 播放列表
-  const playList = ref([])
+  const playList = ref<string[]>([])
   // 轨道数
   const trackCount = computed(() => playList.value.length)
 
diff --git a/src/views/main-page.vue b/src/views/main-page.vue
index 5442f98..b6fe87f 100644
--- a/src/views/main-page.vue
+++ b/src/views/main-page.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { onMounted } from 'vue'
-import IconExport from '~/assets/icons/icon-export.svg?component'
-import IconGithub from '~/assets/icons/icon-github.svg?component'
+import { IconExport, IconGithub } from '~/assets/icons/index'
 import BottomPanel from '~/components/bottom-panel/BottomPanel.vue'
 import LeftPanel from '~/components/left-panel/LeftPanel.vue'
 import CanvasPlayer from '~/components/player/CanvasPlayer.vue'