默认序列帧修改

src/views/ImageResourceCard.vue

@@ -16,7 +16,7 @@
     </div>
     <div class="thumb-note">{{ displayFileName }}</div>
     <label v-if="supportsSequence" class="row"><span>{{ $t('image.imageMode') }}</span>
-      <select v-model="resource.imageMode" class="inp">
+      <select :value="resource.imageMode || 'fixed'" class="inp" @change="changeImageMode">
         <option value="fixed">{{ $t('image.fixed') }}</option>
         <option value="sequence">{{ $t('image.sequence') }}</option>
       </select>
@@ -151,6 +151,7 @@ const props = withDefaults(defineProps<{
 const emit = defineEmits<{
   pick: [id: number]
   pickSequence: [id: number]
+  modeChange: [id: number, mode: 'fixed' | 'sequence']
   reset: [id: number]
   remove: [id: number]
   updateWeight: [id: number, value: number]
@@ -258,6 +259,11 @@ function pickImage() {
   if (props.supportsSequence && props.resource.imageMode === 'sequence') emit('pickSequence', props.resource.id)
   else emit('pick', props.resource.id)
 }
+
+function changeImageMode(event: Event) {
+  const mode = (event.target as HTMLSelectElement).value as 'fixed' | 'sequence'
+  emit('modeChange', props.resource.id, mode)
+}
 </script>
 
 <style scoped>