diff --git a/core/core-frontend/src/Types.ts b/core/core-frontend/src/Types.ts
new file mode 100644
index 0000000000..a2ccd0d949
--- /dev/null
+++ b/core/core-frontend/src/Types.ts
@@ -0,0 +1,25 @@
+/**
+ * 简写模式枚举，用于定义不同的边值设置模式
+ */
+export enum ShorthandMode {
+  /**
+   * 统一模式，所有边使用相同的值
+   */
+  Uniform = 'uniform',
+  /**
+   * 轴模式，可能按水平和垂直轴设置值
+   */
+  Axis = 'axis',
+  /**
+   * 逐边模式，可单独设置每条边的值
+   */
+  PerEdge = 'per_edge'
+}
+
+export interface EdgeValues {
+  mode?: ShorthandMode
+  top?: number
+  right?: number
+  bottom?: number
+  left?: number
+}
diff --git a/core/core-frontend/src/components/visualization/component-background/Types.ts b/core/core-frontend/src/components/visualization/component-background/Types.ts
index d3869fc8c8..9f22a127ce 100644
--- a/core/core-frontend/src/components/visualization/component-background/Types.ts
+++ b/core/core-frontend/src/components/visualization/component-background/Types.ts
@@ -1,34 +1,9 @@
+import { EdgeValues } from '@/Types'
 import { COLOR_PANEL } from '@/views/chart/components/editor/util/chart'
 import type { UploadFile } from 'element-plus-secondary'
 
 export type BackgroundType = 'outerImage' | 'innerImage'
 
-/**
- * 简写模式枚举，用于定义不同的边值设置模式
- */
-export enum ShorthandMode {
-  /**
-   * 统一模式，所有边使用相同的值
-   */
-  Uniform = 'uniform',
-  /**
-   * 轴模式，可能按水平和垂直轴设置值
-   */
-  Axis = 'axis',
-  /**
-   * 逐边模式，可单独设置每条边的值
-   */
-  PerEdge = 'per_edge'
-}
-
-export interface EdgeValues {
-  mode?: ShorthandMode
-  top?: number
-  right?: number
-  bottom?: number
-  left?: number
-}
-
 export interface CommonBackground {
   innerPadding?: EdgeValues
   borderRadius?: number