mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-04-20 06:20:11 +00:00
8deca4459d
Backport of #10768 to `core/1.42` Automatically created by backport workflow. ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-10871-backport-core-1-42-fix-load3d-fix-squashed-controls-in-3D-inspector-side-panel-33a6d73d365081048cd5f9ebbdc57b63) by [Unito](https://www.unito.io) Co-authored-by: Kelly Yang <124ykl@gmail.com>
45 lines
1.1 KiB
Vue
45 lines
1.1 KiB
Vue
<template>
|
|
<div class="space-y-4">
|
|
<div class="flex flex-col gap-2">
|
|
<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="flex flex-col gap-2">
|
|
<label>{{ t('load3d.fov') }}</label>
|
|
<Slider
|
|
v-model="fov"
|
|
:min="10"
|
|
:max="150"
|
|
:step="1"
|
|
:aria-label="t('load3d.fov')"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import Select from 'primevue/select'
|
|
import Slider from 'primevue/slider'
|
|
import { computed } from 'vue'
|
|
import { useI18n } from 'vue-i18n'
|
|
|
|
import type { CameraType } from '@/extensions/core/load3d/interfaces'
|
|
|
|
const { t } = useI18n()
|
|
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>
|