feat(short-drama-agent-front): 优化项目查询与工作区界面

src/features/production/components/ShotProductionAssets.vue

@@ -4,7 +4,7 @@ import { NAlert, NButton, NCollapse, NCollapseItem, NTag } from 'naive-ui'
 import { computed, ref, watch } from 'vue'
 import { ExternalLink, ImagePlus, RefreshCw } from '@lucide/vue'
 import { AssetImage, StatusBadge } from '../../../components/ui'
-import { usePolling } from '../../../composables/usePolling'
+import { useQuery } from '../../../composables/useQuery'
 import { mediaAssetUrl } from '../../../lib/assets'
 import { errorMessage } from '../../../lib/http'
 import { formatDate } from '../../../lib/format'
@@ -41,20 +41,16 @@ const props = defineProps<{
 }>()
 const emit = defineEmits<{ changed: [] }>()
 const key = computed(() => props.shot.shotId)
-/** 单镜头资产已有刷新入口，不再定时轮询。 */
-const query = usePolling(
-    key,
-    async (shotId, signal) => {
-        const [keyframes, videos] = await Promise.all([
-            productionApi.listKeyframes(shotId, signal),
-            productionApi.listVideos(shotId, signal)
-        ])
-        if (keyframes.some(item => item.shotId !== shotId) || videos.some(item => item.shotId !== shotId))
-            throw new Error('资产记录与当前镜头不匹配，请刷新后重试。')
-        return { keyframes, videos }
-    },
-    false
-)
+/** 单镜头资产仅在进入、切换镜头或显式刷新时读取。 */
+const query = useQuery(key, async (shotId, signal) => {
+    const [keyframes, videos] = await Promise.all([
+        productionApi.listKeyframes(shotId, signal),
+        productionApi.listVideos(shotId, signal)
+    ])
+    if (keyframes.some(item => item.shotId !== shotId) || videos.some(item => item.shotId !== shotId))
+        throw new Error('资产记录与当前镜头不匹配，请刷新后重试。')
+    return { keyframes, videos }
+})
 const keyframes = computed(() => query.data.value?.keyframes ?? [])
 const videos = computed(() => query.data.value?.videos ?? [])
 const currentKeyframe = computed(() => primaryKeyframe(keyframes.value))