refactor(files): P2 split UI into components with page context inject

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-02 05:14:13 +08:00
parent 7cbddf5d48
commit 6cb591212d
11 changed files with 740 additions and 622 deletions
@@ -0,0 +1,24 @@
+<script setup lang="ts">
+import { useFilesPageContext } from '@/composables/files/filesPageContext'
+
+const p = useFilesPageContext()
+</script>
+
+<template>
+  <div class="text-caption text-medium-emphasis mb-2 d-flex flex-wrap align-center ga-2">
+    <span>{{ p.statusSummary }}</span>
+    <v-chip v-if="p.browseError" size="x-small" color="warning" variant="tonal">
+      {{ p.browseError }}
+    </v-chip>
+    <v-chip
+      v-if="p.hasClipboard"
+      size="x-small"
+      color="info"
+      variant="tonal"
+      class="cursor-pointer"
+      @click="() => p.pasteClipboard()"
+    >
+      {{ p.clipboardSummary }} → {{ p.pasteDestLabel }} · Ctrl+V 粘贴
+    </v-chip>
+  </div>
+</template>