diff --git a/frontend/src/data-visualization/components/data-visualization/canvas/DePreview.vue b/frontend/src/data-visualization/components/data-visualization/canvas/DePreview.vue
index 7e244ab..75faf93 100644
--- a/frontend/src/data-visualization/components/data-visualization/canvas/DePreview.vue
+++ b/frontend/src/data-visualization/components/data-visualization/canvas/DePreview.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { getCanvasStyle, getShapeItemStyle } from '@/data-visualization/utils/translate'
+import { getCanvasStyle, getShapeItemStyle } from '@/data-visualization/utils/style'
 import ComponentWrapper from './ComponentWrapper.vue'
 import { changeStyleWithScale } from '@/data-visualization/utils/translate'
 import { computed, nextTick, ref, toRefs, watch, onBeforeUnmount, onMounted, reactive } from 'vue'
diff --git a/frontend/src/data-visualization/utils/components.ts b/frontend/src/data-visualization/utils/components.ts
index de68809..5e29511 100644
--- a/frontend/src/data-visualization/utils/components.ts
+++ b/frontend/src/data-visualization/utils/components.ts
@@ -51,32 +51,32 @@ export const componentsMap = {
   CanvasBoardAttr: CanvasBoardAttr,
   CanvasIcon: CanvasIcon,
   CanvasIconAttr: CanvasIconAttr,
-  DeTabs: DeTabs,
-  DeTabsAttr: DeTabsAttr,
-  DeGraphical: DeGraphical,
-  DeGraphicalAttr: DeGraphicalAttr,
-  CircleShape: CircleShape,
-  CircleShapeAttr: CircleShapeAttr,
-  RectShape: RectShape,
-  RectShapeAttr: RectShapeAttr,
-  SvgTriangle: SvgTriangle,
-  SvgTriangleAttr: SvgTriangleAttr,
-  DeTimeClock: DeTimeClock,
-  DeTimeClockAttr: DeTimeClockAttr,
-  GroupArea: GroupArea,
-  GroupAreaAttr: GroupAreaAttr,
-  DeFrame: DeFrame,
-  DeFrameAttr: DeFrameAttr,
-  DeVideo: DeVideo,
-  DeVideoAttr: DeVideoAttr,
-  DeStreamMedia: DeStreamMedia,
-  DeStreamMediaAttr: DeStreamMediaAttr,
-  ScrollText: ScrollText,
-  ScrollTextAttr: ScrollTextAttr,
-  PopArea: PopArea,
-  PopAreaAttr: PopAreaAttr,
-  PictureGroup: PictureGroup,
-  PictureGroupAttr: PictureGroupAttr
+  // DeTabs: DeTabs,
+  // DeTabsAttr: DeTabsAttr,
+  // DeGraphical: DeGraphical,
+  // DeGraphicalAttr: DeGraphicalAttr,
+  // CircleShape: CircleShape,
+  // CircleShapeAttr: CircleShapeAttr,
+  // RectShape: RectShape,
+  // RectShapeAttr: RectShapeAttr,
+  // SvgTriangle: SvgTriangle,
+  // SvgTriangleAttr: SvgTriangleAttr,
+  // DeTimeClock: DeTimeClock,
+  // DeTimeClockAttr: DeTimeClockAttr,
+  // GroupArea: GroupArea,
+  // GroupAreaAttr: GroupAreaAttr,
+  // DeFrame: DeFrame,
+  // DeFrameAttr: DeFrameAttr,
+  // DeVideo: DeVideo,
+  // DeVideoAttr: DeVideoAttr,
+  // DeStreamMedia: DeStreamMedia,
+  // DeStreamMediaAttr: DeStreamMediaAttr,
+  // ScrollText: ScrollText,
+  // ScrollTextAttr: ScrollTextAttr,
+  // PopArea: PopArea,
+  // PopAreaAttr: PopAreaAttr,
+  // PictureGroup: PictureGroup,
+  // PictureGroupAttr: PictureGroupAttr
 }
 
 export default function findComponent(key) {
diff --git a/frontend/src/data-visualization/utils/imgUtils.ts b/frontend/src/data-visualization/utils/imgUtils.ts
index ff45031..56955fe 100644
--- a/frontend/src/data-visualization/utils/imgUtils.ts
+++ b/frontend/src/data-visualization/utils/imgUtils.ts
@@ -1,11 +1,11 @@
 import html2canvas from 'html2canvas'
 import JsPDF from 'jspdf'
-import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
-import { useEmbedded } from '@/store/modules/embedded'
+import { dvMainStoreWithOut } from '@/data-visualization/store/modules/data-visualization/dvMain'
+import { useEmbedded } from '@/data-visualization/store/modules/embedded'
 import { storeToRefs } from 'pinia'
-import { findResourceAsBase64 } from '@/api/staticResource'
+import { findResourceAsBase64 } from '@/api/data-visualization/staticResource'
 import FileSaver from 'file-saver'
-import { deepCopy } from '@/utils/utils'
+import { deepCopy } from '@/data-visualization/utils/utils'
 import { toPng } from 'html-to-image'
 const embeddedStore = useEmbedded()
 const dvMainStore = dvMainStoreWithOut()