style: Update DownloaderCard, MediaServerCard, and NotificationChannelCard components to include close button functionality

src/views/setting/AccountSettingNotification.vue

@@ -20,6 +20,12 @@ function addNotification(notification: string) {
   })
 }
 
+// 移除媒体服务器
+function removeNotification(notification: NotificationConf) {
+  const index = notifications.value.indexOf(notification)
+  if (index > -1) notifications.value.splice(index, 1)
+}
+
 // 调用API查询通知设置
 async function loadNotificationSetting() {
   try {
@@ -64,7 +70,7 @@ onMounted(() => {
             :component-data="{ 'class': 'grid gap-3 grid-app-card' }"
           >
             <template #item="{ element }">
-              <NotificationChannelCard :notification="element" />
+              <NotificationChannelCard :notification="element" @close="removeNotification(element)" />
             </template>
           </draggable>
         </VCardText>

src/views/setting/AccountSettingSystem.vue

@@ -101,6 +101,12 @@ function addDownloader(downloader: string) {
   })
 }
 
+// 删除下载器
+function removeDownloader(ele: DownloaderConf) {
+  const index = downloaders.value.indexOf(ele)
+  downloaders.value.splice(index, 1)
+}
+
 // 添加媒体服务器
 function addMediaServer(mediaserver: string) {
   mediaServers.value.push({
@@ -110,6 +116,12 @@ function addMediaServer(mediaserver: string) {
   })
 }
 
+// 删除媒体服务器
+function removeMediaServer(ele: MediaServerConf) {
+  const index = mediaServers.value.indexOf(ele)
+  mediaServers.value.splice(index, 1)
+}
+
 // 加载数据
 onMounted(() => {
   loadDownloaderSetting()
@@ -164,7 +176,7 @@ onMounted(() => {
             :component-data="{ 'class': 'grid gap-3 grid-app-card' }"
           >
             <template #item="{ element }">
-              <DownloaderCard :downloader="element" />
+              <DownloaderCard :downloader="element" @close="removeDownloader(element)" />
             </template>
           </draggable>
         </VCardText>
@@ -207,7 +219,7 @@ onMounted(() => {
             :component-data="{ 'class': 'grid gap-3 grid-app-card' }"
           >
             <template #item="{ element }">
-              <MediaServerCard :mediaserver="element" />
+              <MediaServerCard :mediaserver="element" @close="removeMediaServer(element)" />
             </template>
           </draggable>
         </VCardText>