From fa8414ff9ca990d757b628412682fac04ff20d79 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Sat, 12 Oct 2024 10:37:54 +0800
Subject: [PATCH] =?UTF-8?q?refactor(=E6=95=B0=E6=8D=AE=E5=A4=A7=E5=B1=8F?=
 =?UTF-8?q?=E3=80=81=E4=BB=AA=E8=A1=A8=E6=9D=BF):=20=E5=9B=BE=E8=A1=A8?=
 =?UTF-8?q?=E7=BC=96=E8=BE=91=E5=8C=BA=E5=9F=9F=E6=A0=B7=E5=BC=8F=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/CarouselSetting.vue                | 10 +++++-
 .../custom-component/picture-group/Attr.vue   |  1 +
 .../picture-group/PictureGroupThreshold.vue   | 31 +++++++++++++++++--
 3 files changed, 39 insertions(+), 3 deletions(-)

diff --git a/core/core-frontend/src/custom-component/common/CarouselSetting.vue b/core/core-frontend/src/custom-component/common/CarouselSetting.vue
index f4d7b2c872..f87e1becd5 100644
--- a/core/core-frontend/src/custom-component/common/CarouselSetting.vue
+++ b/core/core-frontend/src/custom-component/common/CarouselSetting.vue
@@ -1,10 +1,11 @@
 <script setup lang="ts">
 import icon_info_outlined from '@/assets/svg/icon_info_outlined.svg'
-import { computed, toRefs } from 'vue'
+import { computed, nextTick, toRefs } from 'vue'
 import { ElFormItem, ElIcon, ElInputNumber } from 'element-plus-secondary'
 import { snapshotStoreWithOut } from '@/store/modules/data-visualization/snapshot'
 import CollapseSwitchItem from '../../components/collapse-switch-item/src/CollapseSwitchItem.vue'
 import Icon from '../../components/icon-custom/src/Icon.vue'
+import { useEmitt } from '@/hooks/web/useEmitt'
 
 const snapshotStore = snapshotStoreWithOut()
 
@@ -28,6 +29,13 @@ const onSettingChange = () => {
   if (!carouselInfo.value.time || carouselInfo.value.time < 1) {
     carouselInfo.value.time = 1
   }
+  if (carouselInfo.value.enable) {
+    useEmitt().emitter.emit('carouselValueChange')
+  }
+
+  nextTick(() => {
+    useEmitt().emitter.emit('calcData-' + element.value.id)
+  })
   snapshotStore.recordSnapshotCache('renderChart')
 }
 
diff --git a/core/core-frontend/src/custom-component/picture-group/Attr.vue b/core/core-frontend/src/custom-component/picture-group/Attr.vue
index 998e9d3883..bf676605f4 100644
--- a/core/core-frontend/src/custom-component/picture-group/Attr.vue
+++ b/core/core-frontend/src/custom-component/picture-group/Attr.vue
@@ -43,6 +43,7 @@ const { curComponent, canvasViewInfo } = storeToRefs(dvMainStore)
       <template v-slot:threshold>
         <picture-group-threshold
           :themes="themes"
+          :element="curComponent"
           :view="canvasViewInfo[curComponent ? curComponent.id : 'default']"
         >
           <template v-slot:dataset>
diff --git a/core/core-frontend/src/custom-component/picture-group/PictureGroupThreshold.vue b/core/core-frontend/src/custom-component/picture-group/PictureGroupThreshold.vue
index cb29d84aa8..9854224db2 100644
--- a/core/core-frontend/src/custom-component/picture-group/PictureGroupThreshold.vue
+++ b/core/core-frontend/src/custom-component/picture-group/PictureGroupThreshold.vue
@@ -1,10 +1,11 @@
 <script setup lang="ts">
-import { PropType, toRefs } from 'vue'
+import { nextTick, onMounted, PropType, toRefs } from 'vue'
 import { BASE_VIEW_CONFIG } from '@/views/chart/components/editor/util/chart'
 import { snapshotStoreWithOut } from '@/store/modules/data-visualization/snapshot'
 import Threshold from '@/views/chart/components/editor/editor-senior/components/Threshold.vue'
 import { CollapseSwitchItem } from '@/components/collapse-switch-item'
 import { useI18n } from '@/hooks/web/useI18n'
+import { useEmitt } from '@/hooks/web/useEmitt'
 const snapshotStore = snapshotStoreWithOut()
 const { t } = useI18n()
 
@@ -13,6 +14,16 @@ const props = defineProps({
     type: String as PropType<EditorTheme>,
     default: 'dark'
   },
+  element: {
+    type: Object,
+    default() {
+      return {
+        propValue: {
+          urlList: []
+        }
+      }
+    }
+  },
   view: {
     type: Object as PropType<ChartObj>,
     required: false,
@@ -21,13 +32,29 @@ const props = defineProps({
     }
   }
 })
-const { view } = toRefs(props)
+const { view, element } = toRefs(props)
 
 const onThresholdChange = val => {
   // do
   view.value.senior.threshold = val
+  if (val.enable) {
+    element.value.carousel.enable = false
+  }
+  nextTick(() => {
+    useEmitt().emitter.emit('calcData-' + element.value.id)
+  })
   snapshotStore.recordSnapshotCache('calcData', view.value.id)
 }
+
+const closeThreshold = () => {
+  view.value.senior.threshold.enable = false
+}
+onMounted(() => {
+  useEmitt({
+    name: 'carouselValueChange',
+    callback: () => closeThreshold()
+  })
+})
 </script>
 
 <template>