feat(src/packages): 优化三维模型拖动时，webgl上下文丢失问题

@@ -185,15 +185,9 @@
       <SettingItem v-if="optionData.enableDamping" name="阻尼值">
         <n-input-number v-model:value="optionData.dampingFactor" :min="0" :max="1" size="small"></n-input-number>
       </SettingItem>
-      <SettingItem name="启用动画">
-        <n-switch v-model:value="optionData.autoPlay" size="small" />
-      </SettingItem>
-      <SettingItem name="输出编码">
+      <SettingItem name="输出编码，可取值为 liner 或 sRGB。linear 是 LinearEncoding 线性编码, sRGB 即 sRGBEncoding rgb 模式编码（sRGBEncoding 能更好的还原材质颜色）">
         <n-select v-model:value="optionData.outputEncoding" size="small" :options="encodinghList"></n-select>
       </SettingItem>
-      <SettingItem name="是否清空场景">
-        <n-switch @change="handleChange" v-model:value="optionData.clearScene" size="small" />
-      </SettingItem>
     </setting-item-box>
   </collapse-item>
 </template>
@@ -258,10 +252,6 @@ const encodinghList = [
   { label: 'sRGB ', value: 'sRGB ' }
 ]
 
-const handleChange = (e: boolean) => {
-  if (e) props.optionData.dataset = ['']
-}
-
 const handleFileStaticUri = (value: UploadFileInfo[]) => {
   props.optionData.dataset = value.map(item => item?.url)?.filter(Boolean) as any
   if (Array.isArray(props.optionData.dataset) && props.optionData.dataset.length === 0) {

 <template>
   <div class="go-content-box" :style="{ border: !borderConfig.show ? 'none' : '' }">
-    <div v-if="useDetectWebGLContext()">
+    <div>
       <vue3dLoader
         ref="vue3dLoaderRef"
         :webGLRendererOptions="webGLRendererOptions"
@@ -29,15 +29,13 @@
         <n-progress type="line" :color="themeColor" :percentage="process" :indicator-placement="'inside'" processing />
       </div>
     </div>
-    <div v-else>您的浏览器不支持WebGL!</div>
   </div>
 </template>
 <script setup lang="ts">
-import { PropType, toRefs, ref, nextTick, computed, watch } from 'vue'
+import { PropType, toRefs, ref, nextTick, computed } from 'vue'
 import { CreateComponentType } from '@/packages/index.d'
 import { vue3dLoader } from 'vue-3d-loader'
 import { useDesignStore } from '@/store/modules/designStore/designStore'
-import { useDetectWebGLContext } from '@/utils/external/useSupportWebGL'
 
 const designStore = useDesignStore()
 
@@ -54,7 +52,6 @@ const themeColor = computed(() => {
 
 const vue3dLoaderRef = ref(null)
 
-//threejs配置
 const webGLRendererOptions = {
   alpha: true, // 透明
   antialias: true, // 抗锯齿
@@ -98,12 +95,7 @@ const {
   showFps,
   labels,
   lightInput
-} = toRefs(props.chartConfig.option) as any
-
-watch(dataset, (newData: string) => {
-  //dateset为空则清除场景
-  if (!newData) clearScene.value = true
-})
+} = toRefs(props.chartConfig.option)  as any
 </script>
 
 <style lang="scss" scoped>