feat: 对接全局颜色和自定义组件交互

2026-04-23 00:00:12 +08:00 · 2023-02-26 18:36:15 +08:00
parent 196df94aee
commit 87386e69a3
23 changed files with 132 additions and 55 deletions
@@ -34,23 +34,17 @@ export const defaultTheme = 'dark'
 // 默认展示的选择器颜色列表
 export const swatchesColors = ['#232324', '#2a2a2b', '#313132', '#373739', '#757575', '#e0e0e0', '#eeeeee', '#fafafa']

-// 主题色列表
-export type ChartColorsNameType = keyof typeof chartColorsName
-export const chartColorsName = {
-  dark: '明亮',
-  customed: '暗淡',
-  macarons: '马卡龙',
-  walden: '蓝绿',
-  purplePassion: '深紫',
-  vintage: '复古',
-  chalk: '粉青',
-  westeros: '灰粉',
-  wonderland: '青草',
-  essos: '橘红',
-  shine: '深色',
-  roma: '罗马红'
+// 自定义颜色
+export type CustomColorsType = {
+  id: string,
+  name: string,
+  color: string[]
 }

+// 主题色列表, 自定义的颜色使用的是 UUID 作为标识，因为两者数据结构不一致
+export type ChartColorsNameType = keyof typeof chartColors
+
+
 // 渐变主题色列表（主色1、主色2、阴影、渐变1、渐变2）
 export const chartColorsSearch = {
  dark: ['#4992ff', '#7cffb2', 'rgba(68, 181, 226, 0.3)', 'rgba(73, 146, 255, 0.5)', 'rgba(124, 255, 178, 0.5)'],
@@ -8,5 +8,6 @@
    "#d4a4eb",
    "#d2f5a6",
    "#76f2f2"
-  ]
+  ],
+  "name": "粉青"
 }
@@ -9,5 +9,6 @@
    "#fc8452",
    "#9a60b4",
    "#ea7ccc"
-  ]
+  ],
+  "name": "暗淡"
 }
@@ -9,5 +9,6 @@
    "#ff8a45",
    "#8d48e3",
    "#dd79ff"
-  ]
+  ],
+  "name": "明亮"
 }
@@ -6,5 +6,6 @@
    "#ffb248",
    "#f2d643",
    "#ebdba4"
-  ]
+  ],
+  "name": "橘红"
 }
@@ -20,5 +20,6 @@
    "#7eb00a",
    "#6f5553",
    "#c14089"
-  ]
+  ],
+  "name": "马卡龙"
 }
@@ -6,5 +6,6 @@
    "#71669e",
    "#cc70af",
    "#7cb4cc"
-  ]
+  ],
+  "name": "深紫"
 }
@@ -20,5 +20,6 @@
    "#3cb371",
    "#d5b158",
    "#38b6b6"
-  ]
+  ],
+  "name": "罗马红"
 }
@@ -8,5 +8,6 @@
    "#339ca8",
    "#cda819",
    "#32a487"
-  ]
+  ],
+  "name": "深色"
 }
@@ -10,5 +10,6 @@
    "#cc7e63",
    "#724e58",
    "#4b565b"
-  ]
+  ],
+  "name": "复古"
 }
@@ -6,5 +6,6 @@
    "#a0a7e6",
    "#c4ebad",
    "#96dee8"
-  ]
+  ],
+  "name": "蓝绿"
 }
@@ -6,5 +6,6 @@
    "#93b7e3",
    "#a5e7f0",
    "#cbb0e3"
-  ]
+  ],
+  "name": "灰粉"
 }
@@ -6,5 +6,6 @@
    "#d0648a",
    "#f58db2",
    "#f2b3c9"
-  ]
+  ],
+  "name": "青草"
 }