style: add divider to DirectoryCard.vue for monitor type

src/components/cards/DirectoryCard.vue

@@ -153,6 +153,7 @@ const getCategories = computed(() => {
             <VSwitch v-model="props.directory.download_category_folder" label="按类别分类"></VSwitch>
           </VCol>
         </VRow>
+        <VDivider v-if="$props.directory.monitor_type" class="my-3 bg-primary" />
         <VRow>
           <VCol>
             <VSelect
@@ -163,7 +164,6 @@ const getCategories = computed(() => {
             />
           </VCol>
         </VRow>
-        <VDivider v-if="$props.directory.monitor_type" class="my-3 bg-primary" />
         <VRow v-if="$props.directory.monitor_type">
           <VCol cols="4">
             <VSelect

src/views/setting/AccountSettingDirectory.vue

@@ -75,12 +75,21 @@ async function saveDirectories() {
 // 添加媒体库目录
 function addDirectory() {
   directories.value.push({
-    name: '新目录',
+    name: `目录${directories.value.length + 1}`,
     storage: 'local',
     download_path: '',
     priority: -1,
     monitor_type: '',
   })
+  orderDirectoryCards()
+}
+
+// 移除媒体库目录
+function removeDirectory(directory: TransferDirectoryConf) {
+  const index = directories.value.indexOf(directory)
+  if (index > -1) {
+    directories.value.splice(index, 1)
+  }
 }
 
 // 调用API查询自动分类配置
@@ -145,7 +154,8 @@ onMounted(() => {
               <DirectoryCard
                 :directory="element"
                 :categories="mediaCategories"
-                @update:modelValue="(value: string) => (element.path = value)"
+                @update:modelValue="(value: any) => {element.download_path = value?.download; element.library_path = value?.library}"
+                @close="removeDirectory(element)"
               />
             </template>
           </draggable>