服务器配置

app/components/UploadPreferencesPanel.vue

@@ -39,32 +39,6 @@ const {
   load: loadUserSettings
 } = useUserAutoDeleteSettings()
 
-const { isAdmin } = useAuth()
-const {
-  concurrency: transcodeConcurrency,
-  threads: transcodeThreads,
-  maxConcurrency: maxTranscodeConcurrency,
-  maxThreads: maxTranscodeThreads,
-  preset: transcodePreset,
-  bitratePercent: transcodeBitratePercent,
-  minBitratePercent,
-  maxBitratePercent,
-  load: loadTranscodeSettings
-} = useTranscodeSettings()
-
-const presetItems = computed(() => [
-  { value: 'copy', label: t('preferences.presetCopy') },
-  { value: 'veryfast', label: t('preferences.presetSpeed') },
-  { value: 'medium', label: t('preferences.presetBalanced') },
-  { value: 'slow', label: t('preferences.presetQuality') },
-  { value: 'compress', label: t('preferences.presetCompress') }
-])
-
-function onBitrateInput(event: Event) {
-  const value = Number((event.target as HTMLInputElement).value)
-  transcodeBitratePercent.value = Number.isFinite(value) ? value : 80
-}
-
 const copyFormatItems = computed(() => [
   { label: t('copy.url'), value: 'url' as const },
   { label: t('copy.markdown'), value: 'markdown' as const },
@@ -87,14 +61,9 @@ function onClientQualityInput(event: Event) {
   clientWebpQuality.value = Number.isFinite(value) ? value : 80
 }
 
-function selectPreset(value: string) {
-  transcodePreset.value = value
-}
-
 onMounted(() => {
   loadPreferences()
   void loadUserSettings()
-  void loadTranscodeSettings()
 })
 </script>
 
@@ -218,71 +187,7 @@ onMounted(() => {
             v-if="transcodeToHls"
             class="ml-7 space-y-3 border-t border-default pt-4"
           >
-            <div class="flex items-center gap-2 text-sm">
-              <span class="shrink-0">{{ t('preferences.transcodeConcurrency') }}</span>
-              <UInput
-                v-model.number="transcodeConcurrency"
-                type="number"
-                min="1"
-                :max="maxTranscodeConcurrency"
-                size="xs"
-                class="w-16 tabular-nums"
-                :disabled="!isAdmin"
-              />
-              <span class="text-muted">{{ t('preferences.unitCount') }}</span>
-              <span class="text-xs text-muted">{{ t('preferences.concurrentHint') }}</span>
-            </div>
-
-            <div class="flex items-center gap-2 text-sm">
-              <span class="shrink-0">{{ t('preferences.transcodeThreads') }}</span>
-              <UInput
-                v-model.number="transcodeThreads"
-                type="number"
-                min="1"
-                :max="maxTranscodeThreads"
-                size="xs"
-                class="w-16 tabular-nums"
-                :disabled="!isAdmin"
-              />
-              <span class="text-muted">{{ t('preferences.unitCount') }}</span>
-              <span class="text-xs text-muted">{{ t('preferences.threadsHint') }}</span>
-            </div>
-
-            <div class="flex items-center gap-2 text-sm">
-              <span class="shrink-0">{{ t('preferences.transcodeQuality') }}</span>
-              <div class="flex gap-1 rounded-lg border border-default p-0.5">
-                <UButton
-                  v-for="item in presetItems"
-                  :key="item.value"
-                  size="xs"
-                  class="flex-1 justify-center"
-                  :variant="transcodePreset === item.value ? 'solid' : 'ghost'"
-                  :color="transcodePreset === item.value ? 'primary' : 'neutral'"
-                  :label="item.label"
-                  :disabled="!isAdmin"
-                  @click="selectPreset(item.value)"
-                />
-              </div>
-            </div>
-
-            <div
-              class="flex items-center gap-2 text-sm"
-              :class="transcodePreset === 'compress' ? '' : 'opacity-40'"
-            >
-              <span class="shrink-0">{{ t('preferences.compressBitrate') }}</span>
-              <input
-                type="range"
-                :min="minBitratePercent"
-                :max="maxBitratePercent"
-                :value="transcodeBitratePercent"
-                :disabled="!isAdmin || transcodePreset !== 'compress'"
-                class="h-2 min-w-24 flex-1 cursor-pointer appearance-none rounded-full bg-default accent-primary disabled:opacity-40"
-                @input="onBitrateInput"
-              >
-              <span class="w-12 shrink-0 text-right tabular-nums text-muted">
-                {{ transcodeBitratePercent }}%
-              </span>
-            </div>
+            <TranscodeSettingsControls />
           </div>
         </div>