From 88ac54496cb3245378c47feeb3eaf6f6d586db50 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Wed, 15 Apr 2026 15:27:24 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=9F=A5=E8=AF=A2=E7=BB=84=E4=BB=B6):=20?=
 =?UTF-8?q?=E9=BB=98=E8=AE=A4=E6=97=A5=E6=9C=9F=E4=B8=BA=E5=8A=A8=E6=80=81?=
 =?UTF-8?q?=E6=97=B6=E9=97=B4=EF=BC=8C=E7=82=B9=E5=87=BB=E9=87=8D=E7=BD=AE?=
 =?UTF-8?q?=E6=80=BB=E6=98=AF=E9=87=8D=E7=BD=AE=E5=88=B0=E8=AE=BE=E7=BD=AE?=
 =?UTF-8?q?=E6=9F=A5=E8=AF=A2=E7=BB=84=E4=BB=B6=E7=9A=84=E6=97=A5=E6=9C=9F?=
 =?UTF-8?q?=EF=BC=8C=E6=B2=A1=E6=9C=89=E5=8A=A8=E6=80=81=E5=8F=98=E5=8C=96?=
 =?UTF-8?q?=E3=80=82=20#18219?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../canvas/ComponentWrapper.vue               | 42 ++++++++++++++-
 .../custom-component/v-query/Component.vue    | 53 +++++++++++++++++++
 core/core-frontend/src/style/index.less       |  5 +-
 3 files changed, 98 insertions(+), 2 deletions(-)

diff --git a/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue b/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue
index 6e3012bd66..93b1823b27 100644
--- a/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue
+++ b/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { getStyle } from '@/utils/style'
 import eventBus from '@/utils/eventBus'
-import { ref, toRefs, computed, nextTick } from 'vue'
+import { ref, toRefs, computed, nextTick, onMounted, onBeforeUnmount } from 'vue'
 import findComponent from '@/utils/components'
 import { downloadCanvas2 } from '@/utils/imgUtils'
 import ComponentEditBar from '@/components/visualization/ComponentEditBar.vue'
@@ -391,6 +391,45 @@ const updateFromMobile = (e, type) => {
 const showPositionActive = computed(() =>
   showPosition.value === 'edit-preview' ? 'preview' : showPosition.value
 )
+const isIntersecting = ref(false)
+const observer = ref<IntersectionObserver | null>(null)
+// 移动端懒加载开关
+const isMobileLazyLoadEnabled = computed(() => {
+  return isMobile() || dvMainStore.inMobile || dvMainStore.mobileInPc
+})
+// 初始化IntersectionObserver
+onMounted(() => {
+  if (isMobileLazyLoadEnabled.value && showPositionActive.value === 'preview') {
+    const wrapperInner = componentWrapperInnerRef.value
+    if (wrapperInner) {
+      observer.value = new IntersectionObserver(
+        entries => {
+          entries.forEach(entry => {
+            if (entry.isIntersecting) {
+              isIntersecting.value = true
+              // 一旦加载完成，不再监听
+              if (observer.value) {
+                observer.value.unobserve(entry.target)
+              }
+            }
+          })
+        },
+        {
+          rootMargin: '200px 0px', // 提前200px开始加载
+          threshold: 0.1
+        }
+      )
+      observer.value.observe(wrapperInner)
+    }
+  }
+})
+
+// 清理Observer
+onBeforeUnmount(() => {
+  if (observer.value) {
+    observer.value.disconnect()
+  }
+})
 </script>
 
 <template>
@@ -454,6 +493,7 @@ const showPositionActive = computed(() =>
         @mousedown="onWrapperClickCur"
       >
         <component
+          v-if="isIntersecting || !isMobileLazyLoadEnabled"
           :is="findComponent(config['component'])"
           :view="viewInfo"
           ref="component"
diff --git a/core/core-frontend/src/custom-component/v-query/Component.vue b/core/core-frontend/src/custom-component/v-query/Component.vue
index 444409daa7..dacf763eff 100644
--- a/core/core-frontend/src/custom-component/v-query/Component.vue
+++ b/core/core-frontend/src/custom-component/v-query/Component.vue
@@ -10,6 +10,8 @@ import { ElMessage } from 'element-plus-secondary'
 import { snapshotStoreWithOut } from '@/store/modules/data-visualization/snapshot'
 import QueryConditionConfiguration from './QueryConditionConfiguration.vue'
 import type { ComponentInfo } from '@/api/chart'
+import { getDynamicRange, getCustomTime } from '@/custom-component/v-query/time-format'
+import { getCustomRange } from '@/custom-component/v-query/time-format-dayjs'
 import { infoFormat } from './options'
 import {
   onBeforeUnmount,
@@ -692,6 +694,57 @@ const resetData = () => {
           : next.defaultMapValue
       }
 
+      if (
+        next.defaultValueCheck &&
+        [1, 7].includes(+next.displayType) &&
+        next.timeType === 'dynamic'
+      ) {
+        if (+next.displayType === 1) {
+          let selectValue = getDynamicRange(next) || []
+          next.defaultValue = new Date(selectValue[0])
+          next.selectValue = new Date(selectValue[0])
+        } else {
+          const {
+            timeNum,
+            relativeToCurrentType,
+            around,
+            relativeToCurrentRange,
+            arbitraryTime,
+            timeGranularity,
+            timeNumRange,
+            relativeToCurrentTypeRange,
+            aroundRange,
+            timeGranularityMultiple,
+            arbitraryTimeRange
+          } = next
+
+          let startTime = getCustomTime(
+            timeNum,
+            relativeToCurrentType,
+            timeGranularity,
+            around,
+            arbitraryTime,
+            timeGranularityMultiple,
+            'start-panel'
+          )
+          let endTime = getCustomTime(
+            timeNumRange,
+            relativeToCurrentTypeRange,
+            timeGranularity,
+            aroundRange,
+            arbitraryTimeRange,
+            timeGranularityMultiple,
+            'end-panel'
+          )
+
+          if (!!relativeToCurrentRange && relativeToCurrentRange !== 'custom') {
+            ;[startTime, endTime] = getCustomRange(relativeToCurrentRange)
+          }
+          next.defaultValue = [startTime, endTime]
+          next.selectValue = [startTime, endTime]
+        }
+      }
+
       ;(props.element.cascade || []).forEach(ele => {
         ele.forEach(item => {
           const comId = item.datasetId.split('--')[1]
diff --git a/core/core-frontend/src/style/index.less b/core/core-frontend/src/style/index.less
index 1f1ac7fe3b..f1cbccf2fc 100644
--- a/core/core-frontend/src/style/index.less
+++ b/core/core-frontend/src/style/index.less
@@ -817,4 +817,7 @@ strong {
 
 .ed-card.ed-card {
   --ed-card-border-radius: 12px !important;
-}
\ No newline at end of file
+}
+.ed-message-box {
+  --ed-messagebox-border-radius: 12px !important;
+}