新增根据歌曲名、歌手名等字段对列表自动排序的功能

src/renderer/components/material/Modal.vue

@@ -1,14 +1,15 @@
 <template lang="pug">
-div(:class="$style.container" v-if="showModal")
-  transition(enter-active-class="animated fadeIn" leave-active-class="animated fadeOut")
-    div(:class="$style.modal" v-show="showContent" @click="bgClose && close()")
-      transition(:enter-active-class="inClass" :leave-active-class="outClass" @after-enter="$emit('after-enter', $event)" @after-leave="handleAfterLeave")
-        div(:class="$style.content" v-show="showContent" @click.stop)
-          header(:class="$style.header")
-            button(type="button" @click="close" v-if="closeBtn")
-              svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' height='100%' viewBox='0 0 212.982 212.982' space='preserve')
-                use(xlink:href='#icon-delete')
-          slot
+teleport(:to="teleport")
+  div(:class="$style.container" v-if="showModal")
+    transition(enter-active-class="animated fadeIn" leave-active-class="animated fadeOut")
+      div(:class="$style.modal" v-show="showContent" @click="bgClose && close()")
+        transition(:enter-active-class="inClass" :leave-active-class="outClass" @after-enter="$emit('after-enter', $event)" @after-leave="handleAfterLeave")
+          div(:class="$style.content" v-show="showContent" @click.stop)
+            header(:class="$style.header")
+              button(type="button" @click="close" v-if="closeBtn")
+                svg(version='1.1' xmlns='http://www.w3.org/2000/svg' xlink='http://www.w3.org/1999/xlink' height='100%' viewBox='0 0 212.982 212.982' space='preserve')
+                  use(xlink:href='#icon-delete')
+            slot
 </template>
 
 <script>
@@ -29,6 +30,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    teleport: {
+      type: String,
+      default: '#root',
+    },
   },
   emits: ['after-enter', 'after-leave', 'close'],
   data() {