From 2fefc8c4d9ce79e55b0363a30612ba66311e3075 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E5=98=89=E8=B1=AA?=
 <42510293+ziyujiahao@users.noreply.github.com>
Date: Fri, 12 Dec 2025 10:58:51 +0800
Subject: [PATCH] =?UTF-8?q?refactor(=E4=BB=AA=E8=A1=A8=E6=9D=BF=E3=80=81?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=A4=A7=E5=B1=8F):=20=E5=A4=8D=E7=94=A8?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=E9=80=82=E9=85=8D=E4=B8=BB=E9=A2=98=E6=95=B0?=
 =?UTF-8?q?=E5=AD=97=E6=A0=BC=E5=BC=8F=20(#17582)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/visualization/DePreviewPopDialog.vue    | 10 ++++++----
 .../src/components/visualization/UserViewEnlarge.vue   |  5 +++--
 core/core-frontend/src/utils/canvasStyle.ts            |  2 ++
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/core/core-frontend/src/components/visualization/DePreviewPopDialog.vue b/core/core-frontend/src/components/visualization/DePreviewPopDialog.vue
index 3b9612462f..c5ca9adba5 100644
--- a/core/core-frontend/src/components/visualization/DePreviewPopDialog.vue
+++ b/core/core-frontend/src/components/visualization/DePreviewPopDialog.vue
@@ -93,11 +93,13 @@ defineExpose({
 <style lang="less">
 .preview_pop_custom {
   overflow: hidden;
-  .ed-dialog__close {
-    color: var(--ed-dialog__de-text);
+  :deep(.is_link) {
+    &:hover {
+      color: var(--ed-dialog__de-text) !important;
+    }
   }
-  :deep(.content-outer) {
-    background-color: var(--ed-dialog-bg-color) !important;
+  .ed-dialog__close {
+    color: var(--ed-dialog__de-text) !important;
   }
   .preview-main-frame-outer {
     width: 100%;
diff --git a/core/core-frontend/src/components/visualization/UserViewEnlarge.vue b/core/core-frontend/src/components/visualization/UserViewEnlarge.vue
index b26fc42d06..471de1c893 100644
--- a/core/core-frontend/src/components/visualization/UserViewEnlarge.vue
+++ b/core/core-frontend/src/components/visualization/UserViewEnlarge.vue
@@ -478,7 +478,7 @@ defineExpose({
 <style lang="less">
 .userViewEnlarge-class {
   .ed-dialog__close {
-    color: var(--ed-dialog__de-text);
+    color: var(--ed-dialog__de-text) !important;
   }
   .ed-dialog__header {
     display: flex;
@@ -531,7 +531,8 @@ defineExpose({
 
     &:not(.is-disabled):focus,
     &:not(.is-disabled):hover {
-      color: #1f2329;
+      color: var(--ed-dialog__de-text) !important;
+      opacity: 0.5;
       border-color: transparent;
       background-color: rgba(31, 35, 41, 0.1);
     }
diff --git a/core/core-frontend/src/utils/canvasStyle.ts b/core/core-frontend/src/utils/canvasStyle.ts
index 99ef9696db..b567b832b1 100644
--- a/core/core-frontend/src/utils/canvasStyle.ts
+++ b/core/core-frontend/src/utils/canvasStyle.ts
@@ -8,6 +8,7 @@ import {
 import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
 import { useEmitt } from '@/hooks/web/useEmitt'
 import { defaultTo, merge } from 'lodash-es'
+import { formatterViewInfo } from '@/views/chart/components/js/formatter'
 const dvMainStore = dvMainStoreWithOut()
 
 export const LIGHT_THEME_COLOR_MAIN = '#000000'
@@ -536,6 +537,7 @@ export function adaptCurThemeCommonStyle(component) {
     // 图表-Begin
     const curViewInfo = dvMainStore.canvasViewInfo[component.id]
     adaptCurTheme(curViewInfo.customStyle, curViewInfo.customAttr)
+    formatterViewInfo(curViewInfo, dvMainStore.canvasStyleData.component.formatterItem)
     useEmitt().emitter.emit('renderChart-' + component.id, curViewInfo)
     // 图表-Begin
   } else if (component.component === 'Group') {