mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-02-08 00:50:05 +00:00
29ae9b4483
Renamed Load3D viewer control components to use ViewerXxxControls naming convention to avoid conflicts with the unplug system's component name detection. This prevents false positive warnings when components are registered in the global scope. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-authored-by: Claude <noreply@anthropic.com>
38 lines
1006 B
Vue
38 lines
1006 B
Vue
<template>
|
|
<div class="space-y-4">
|
|
<label>
|
|
{{ t('load3d.viewer.cameraType') }}
|
|
</label>
|
|
<Select
|
|
v-model="cameraType"
|
|
:options="cameras"
|
|
option-label="title"
|
|
option-value="value"
|
|
>
|
|
</Select>
|
|
</div>
|
|
|
|
<div v-if="showFOVButton" class="space-y-4">
|
|
<label>{{ t('load3d.fov') }}</label>
|
|
<Slider v-model="fov" :min="10" :max="150" :step="1" aria-label="fov" />
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import Select from 'primevue/select'
|
|
import Slider from 'primevue/slider'
|
|
import { computed } from 'vue'
|
|
|
|
import { CameraType } from '@/extensions/core/load3d/interfaces'
|
|
import { t } from '@/i18n'
|
|
|
|
const cameras = [
|
|
{ title: t('load3d.cameraType.perspective'), value: 'perspective' },
|
|
{ title: t('load3d.cameraType.orthographic'), value: 'orthographic' }
|
|
]
|
|
|
|
const cameraType = defineModel<CameraType>('cameraType')
|
|
const fov = defineModel<number>('fov')
|
|
const showFOVButton = computed(() => cameraType.value === 'perspective')
|
|
</script>
|