feat(packages/external): 单个摄像头新增播放配置

@@ -26,6 +26,10 @@ const props = defineProps({
   },
   index: {
     type: Number
+  },
+  autoplay: {
+    type: Boolean,
+    default: false
   }
 })
 
@@ -40,7 +44,7 @@ const options: VideoJsPlayerOptions = {
   language: 'zh-CN', // 设置语言
   controls: true, // 是否显示控制条
   preload: 'auto', // 预加载
-  autoplay: true, // 是否自动播放
+  autoplay: props.autoplay, // 是否自动播放
   fluid: false, // 自适应宽高
   poster: props?.avatar || '',
   src: props?.sourceSrc || '', // 要嵌入的视频源的源 URL

@@ -9,11 +9,7 @@ export const option = {
       url: ''
     }
   ] as any,
-  // 自动播放的间隔（ms）
-  interval: 5000,
-  autoplay: true,
-  effect: 'slide',
-  displayMode: 'singleGrid'
+  autoplay: false,
 }
 
 export default class Config extends PublicConfigClass implements CreateComponentType {

@@ -7,6 +7,11 @@
         </n-input-group>
       </setting-item>
     </setting-item-box>
+    <setting-item-box name="自动播放">
+      <setting-item>
+        <n-switch v-model:value="optionData.autoplay" size="small" />
+      </setting-item>
+    </setting-item-box>
   </CollapseItem>
 </template>
 
@@ -21,5 +26,4 @@ defineProps({
     required: true
   }
 })
-
 </script>

@@ -10,6 +10,7 @@
             :key="item + index"
             :sourceSrc="item.url"
             :index="index"
+            :autoplay="autoplay"
           />
         </div>
       </n-gi>
@@ -32,6 +33,8 @@ const props = defineProps({
 
 const { h } = toRefs(props.chartConfig.attr)
 
+const { autoplay } = toRefs(props.chartConfig.option)
+
 const responsiveComputeValue = ref(0)
 
 const option = shallowReactive({