feat: 添加完成事件触发

为CustomRuleCard、FilterRuleGroupCard、NotificationChannelCard和AccountSettingDirectory组件添加done事件触发，以便在完成相关操作后通知其他组件。

src/views/setting/AccountSettingDirectory.vue

@@ -61,6 +61,12 @@ async function saveStorages() {
   }
 }
 
+// 修改后生效
+async function updatedStorage() {
+  await saveStorages()
+  loadStorages()
+}
+
 // 查询目录
 async function loadDirectories() {
   try {
@@ -141,7 +147,7 @@ onMounted(() => {
             :component-data="{ 'class': 'grid gap-3 grid-app-card' }"
           >
             <template #item="{ element }">
-              <StorageCard :storage="element" @done="loadStorages" />
+              <StorageCard :storage="element" @done="updatedStorage" />
             </template>
           </draggable>
         </VCardText>

src/views/setting/AccountSettingNotification.vue

@@ -145,7 +145,11 @@ onMounted(() => {
             :component-data="{ 'class': 'grid gap-3 grid-app-card' }"
           >
             <template #item="{ element }">
-              <NotificationChannelCard :notification="element" @close="removeNotification(element)" />
+              <NotificationChannelCard
+                :notification="element"
+                @close="removeNotification(element)"
+                @done="saveNotificationSetting"
+              />
             </template>
           </draggable>
         </VCardText>

src/views/setting/AccountSettingRule.vue

@@ -181,7 +181,9 @@ onMounted(() => {
                 :rule="element"
                 :rules="customRules"
                 @close="removeCustomRule(element)"
-                @change="onRuleChange" />
+                @change="onRuleChange"
+                @done="saveCustomRules"
+              />
             </template>
           </draggable>
         </VCardText>
@@ -215,6 +217,7 @@ onMounted(() => {
                 :categories="mediaCategories"
                 @close="removeFilterRuleGroup(element)"
                 @change="changeRuleGroup"
+                @done="saveFilterRuleGroups"
               />
             </template>
           </draggable>

src/views/setting/AccountSettingSystem.vue

@@ -223,6 +223,7 @@ onDeactivated(() => {
                 :downloaders="downloaders"
                 @close="removeDownloader(element)"
                 @change="onDownloaderChange"
+                @done="saveDownloaderSetting"
                 :allow-refresh="isRequest"
               />
             </template>
@@ -272,6 +273,7 @@ onDeactivated(() => {
                 :mediaservers="mediaServers"
                 @close="removeMediaServer(element)"
                 @change="onMediaServerChange"
+                @done="saveMediaServerSetting"
               />
             </template>
           </draggable>