页面中摄像机自动旋转无效果（OrbitControls标签）

这是前后的代码

const controlsState = reactive({ autoRotate: true, enableDamping: true })

<template>
    <TresCanvas ref="tcRef" v-bind="state" window-size>
        <TresPerspectiveCamera ref="perspectiveCameraRef" :position="[600, 1000, -1221]" :fov="45" :near="1" :far="100000" />
        <OrbitControls v-bind="controlsState"/>
        <TresAmbientLight v-if="props.showAmbientLight" color="#ffffff" />
        <TresDirectionalLight :position="[100, 100, 0]" :intensity="0.5" color="#ffffff" />
        <template v-if="props.showBuildings && cityFBX">
            <buildingsModel :model="cityFBX" topColor="#0aa1ff" bulidingsColor="#138b06" />
            <buildingsLines :builds="cityFBX.city" color="#000" />

        </template>

        <slot name="ability"></slot>
        <TresAxesHelper v-if="false" :args="[1000]" :position="[0, 19, 0]" />
        <TresGridHelper v-if="false" :args="[6000, 100]" :position="[0, 19, 0]" />
    </TresCanvas>
</template>
const state = reactive({
    clearColor: '#000000',
    shadows: true,
    alpha: false,
    useLegacyLights: true,
    shadowMapType: BasicShadowMap,
    outputColorSpace: SRGBColorSpace,
    toneMapping: NoToneMapping,
    disableRender: false,
})

import { OrbitControls } from '@tresjs/cientos'

@hawk86104 您好，之前就已经引入了@tresjs/cientos，但是还是不可以，下面是所有引入的内容：

import { SRGBColorSpace, BasicShadowMap, NoToneMapping } from 'three'
import { reactive, ref } from 'vue'
import {} from '@tresjs/core'
import { OrbitControls } from '@tresjs/cientos'

import { loadCityFBX } from '../common/loadCity'
import buildingsModel from './buildings/buildingsModelCustomShader.vue' // buildingsModelIncompatible buildingsModelShader buildingsModelCustomShader
import buildingsLines from './buildings/buildingsLines.vue'