音乐模块调整

src/modules/music/components/settings/ConnectionsSettings.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { onMounted, ref } from 'vue'
 import { toast } from 'vue-sonner'
-import { Check, Cloud, Loader2, Pencil, Plus, Power, Trash2 } from '@lucide/vue'
+import { Check, CircleCheck, Loader2, LogOut, Pencil, Plus, Trash2 } from '@lucide/vue'
 import { useFeiniuStore, type FeiniuConnection } from '@/stores/feiniuStore'
 import { Button } from '@/components/ui/button'
 import { Input } from '@/components/ui/input'
@@ -22,10 +22,6 @@ const editing = ref<Partial<FeiniuConnection> | null>(null)
 const editOpen = ref(false)
 const password = ref('')
 const testing = ref(false)
-const fnosPassword = ref('')
-const fnosFormOpen = ref(false)
-/** 目标 fnOS 登录连接 */
-const fnosTarget = ref<FeiniuConnection | null>(null)
 
 function newForm() {
   editing.value = { name: '', kind: 'lan', baseUrl: '', username: '', accessCode: '', insecure: false, fnId: '' }
@@ -39,12 +35,6 @@ function editForm(c: FeiniuConnection) {
   editOpen.value = true
 }
 
-function openFnosLogin(c: FeiniuConnection) {
-  fnosTarget.value = c
-  fnosPassword.value = ''
-  fnosFormOpen.value = true
-}
-
 async function save() {
   if (!editing.value) return
   if (!editing.value.name?.trim() || !editing.value.baseUrl?.trim()) {
@@ -103,21 +93,6 @@ async function remove(c: FeiniuConnection) {
   toast.success('已删除')
 }
 
-async function fnosLogin() {
-  if (!fnosTarget.value) return
-  if (!fnosPassword.value) {
-    toast.error('请输入 NAS 密码')
-    return
-  }
-  try {
-    await store.fnosLogin(fnosTarget.value.username, fnosPassword.value)
-    fnosFormOpen.value = false
-    toast.success('NAS 文件服务已连接')
-  } catch (e) {
-    toast.error(String(e))
-  }
-}
-
 function kindLabel(k: string) {
   return k === 'lan' ? '局域网' : k === 'frp' ? 'frp 域名' : 'FnConnect'
 }
@@ -154,19 +129,39 @@ onMounted(() => store.refreshConnections())
           <span v-if="c.loggedIn" class="mr-1 flex items-center gap-1 text-xs text-emerald-600">
             <Check class="size-3.5" /> 已登录
           </span>
-          <Button v-if="store.activeId !== c.id" variant="ghost" size="icon" class="size-8" @click="activate(c)">
-            <Power class="size-4" />
+          <Button
+            v-if="store.activeId !== c.id"
+            variant="ghost"
+            size="icon"
+            class="size-8"
+            :title="`设为激活连接（${c.name}）`"
+            :aria-label="`设为激活连接 ${c.name}`"
+            @click="activate(c)"
+          >
+            <CircleCheck class="size-4" />
           </Button>
-          <Button v-if="store.activeId === c.id && !store.fnosLoggedIn" variant="ghost" size="icon" class="size-8" :title="`连接 NAS 文件服务（${c.username}）`" @click="openFnosLogin(c)">
-            <Cloud class="size-4" />
-          </Button>
-          <Button variant="ghost" size="icon" class="size-8" @click="editForm(c)">
+          <Button variant="ghost" size="icon" class="size-8" title="编辑连接" aria-label="编辑连接" @click="editForm(c)">
             <Pencil class="size-4" />
           </Button>
-          <Button v-if="c.loggedIn" variant="ghost" size="icon" class="size-8" @click="logout(c)">
-            <Power class="size-4" />
+          <Button
+            v-if="c.loggedIn"
+            variant="ghost"
+            size="icon"
+            class="size-8"
+            title="登出"
+            aria-label="登出"
+            @click="logout(c)"
+          >
+            <LogOut class="size-4" />
           </Button>
-          <Button variant="ghost" size="icon" class="size-8 text-destructive" @click="remove(c)">
+          <Button
+            variant="ghost"
+            size="icon"
+            class="size-8 text-destructive"
+            title="删除连接"
+            aria-label="删除连接"
+            @click="remove(c)"
+          >
             <Trash2 class="size-4" />
           </Button>
         </div>
@@ -234,24 +229,9 @@ onMounted(() => store.refreshConnections())
       </DialogContent>
     </Dialog>
 
-    <!-- fnOS 文件服务登录（上传到飞牛用） -->
-    <Dialog v-model:open="fnosFormOpen">
-      <DialogContent class="sm:max-w-sm">
-        <DialogHeader>
-          <DialogTitle>连接 NAS 文件服务</DialogTitle>
-        </DialogHeader>
-        <p class="text-xs text-muted-foreground">
-          账号：{{ fnosTarget?.username }}。连接后即可把本地音乐上传到飞牛曲库目录、从曲库删除音乐。
-        </p>
-        <div class="space-y-1.5">
-          <Label>NAS 密码</Label>
-          <Input v-model="fnosPassword" type="password" placeholder="NAS 登录密码" @keydown.enter="fnosLogin" />
-        </div>
-        <DialogFooter>
-          <Button variant="outline" @click="fnosFormOpen = false">取消</Button>
-          <Button @click="fnosLogin">连接</Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
+    <p class="text-xs text-muted-foreground">
+      提示：上传音乐到 NAS（「下载到飞牛」/ 上传 / 删除）已改用 <strong class="font-medium">WebDAV</strong>，
+      在「存储与上传」分组里配置，无需在此登录文件服务。
+    </p>
   </div>
 </template>