@ebiz/designer-components 0.0.18-tj.1

package/src/components/charts/feature/token/color/cloud/board-dark.js

@@ -0,0 +1,260 @@
+/**
+ * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
+ * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+
+// dark色板缺少kelly
+const red = {
+  colorRed10: '#FFF1ED',
+  colorRed20: '#FAD9D0',
+  colorRed30: '#F5C4B8',
+  colorRed40: '#F0B0A0',
+  colorRed50: '#E88F7D',
+  colorRed60: '#E16E5C',
+  colorRed70: '#D95A4C',
+  colorRed80: '#D94838',
+  colorRed90: '#B6332A',
+  colorRed100: '#931814',
+  colorRed110: '#700505',
+  colorRed120: '#4D0003',
+  colorRed130: '#330002',
+};
+
+const orange = {
+  colorOrange10: '#FFF8E8',
+  colorOrange20: '#FFEECC',
+  colorOrange30: '#FFE5B0',
+  colorOrange40: '#FFD78F',
+  colorOrange50: '#FFC269',
+  colorOrange60: '#FFAC3D',
+  colorOrange70: '#FF9824',
+  colorOrange80: '#FF8800',
+  colorOrange90: '#D67413',
+  colorOrange100: '#A6520A',
+  colorOrange110: '#703204',
+  colorOrange120: '#4D1F00',
+  colorOrange130: '#331400',
+};
+
+const yellow = {
+  colorYellow10: '#FFFCF0',
+  colorYellow20: '#FFF7D4',
+  colorYellow30: '#FFEFB5',
+  colorYellow40: '#FFE799',
+  colorYellow50: '#FFDC7D',
+  colorYellow60: '#FFCE5C',
+  colorYellow70: '#FFBB33',
+  colorYellow80: '#EBA92F',
+  colorYellow90: '#D69722',
+  colorYellow100: '#A67417',
+  colorYellow110: '#734D08',
+  colorYellow120: '#4D3200',
+  colorYellow130: '#332000',
+};
+
+const lemon = {
+  colorLemon10: '#FCFFEA',
+  colorLemon20: '#F7FCC7',
+  colorLemon30: '#F5FAAF',
+  colorLemon40: '#F3F77C',
+  colorLemon50: '#F5F558',
+  colorLemon60: '#F2EC30',
+  colorLemon70: '#E6DF25',
+  colorLemon80: '#D9CF1E',
+  colorLemon90: '#BDB115',
+  colorLemon100: '#998C12',
+  colorLemon110: '#766709',
+  colorLemon120: '#4D4000',
+  colorLemon130: '#003303',
+};
+
+const lime = {
+  colorLime10: '#FFFFEB',
+  colorLime20: '#F4F6BD',
+  colorLime30: '#E6ED93',
+  colorLime40: '#D8E36B',
+  colorLime50: '#C6DA46',
+  colorLime60: '#B7D134',
+  colorLime70: '#A4BF28',
+  colorLime80: '#93B020',
+  colorLime90: '#819E18',
+  colorLime100: '#718F10',
+  colorLime110: '#516E04',
+  colorLime120: '#364D00',
+  colorLime130: '#273800',
+};
+
+const green = {
+  colorGreen10: '#F3FFF0',
+  colorGreen20: '#D8EED1',
+  colorGreen30: '#BCDCB4',
+  colorGreen40: '#A2CB9A',
+  colorGreen50: '#8ABA82',
+  colorGreen60: '#75B06D',
+  colorGreen70: '#5BA854',
+  colorGreen80: '#39A632',
+  colorGreen90: '#2C9624',
+  colorGreen100: '#208718',
+  colorGreen110: '#166610',
+  colorGreen120: '#054D00',
+  colorGreen130: '#003303',
+};
+
+const mint = {
+  colorMint10: '#F0FFFA',
+  colorMint20: '#D2FAED',
+  colorMint30: '#BAF1E1',
+  colorMint40: '#88E3C9',
+  colorMint50: '#5BD4BA',
+  colorMint60: '#33C6AB',
+  colorMint70: '#0BB8A3',
+  colorMint80: '#0FA694',
+  colorMint90: '#159987',
+  colorMint100: '#0A8274',
+  colorMint110: '#02675B',
+  colorMint120: '#004D47',
+  colorMint130: '#00332F'
+};
+
+const sky = {
+  colorSky10: '#F2FCFF',
+  colorSky20: '#DCF5FD',
+  colorSky30: '#C0EEFD',
+  colorSky40: '#A6E5FC',
+  colorSky50: '#82D6FA',
+  colorSky60: '#64C8FA',
+  colorSky70: '#45B7F7',
+  colorSky80: '#2FA7EB',
+  colorSky90: '#3692CF',
+  colorSky100: '#3475AD',
+  colorSky110: '#285385',
+  colorSky120: '#1E3E63',
+  colorSky130: '#152A47',
+};
+
+const blue = {
+  colorBlue10: '#F2F9FF',
+  colorBlue20: '#DBEEFF',
+  colorBlue30: '#C0DEFD',
+  colorBlue40: '#A2CAFA',
+  colorBlue50: '#74ADF7',
+  colorBlue60: '#5291FF',
+  colorBlue70: '#317AF7',
+  colorBlue80: '#326DE3',
+  colorBlue90: '#2B60CC',
+  colorBlue100: '#264DAB',
+  colorBlue110: '#082677',
+  colorBlue120: '#00124D',
+  colorBlue130: '#003303',
+};
+
+const indigo = {
+  colorIndigo10: '#F5F2FF',
+  colorIndigo20: '#E6E0FF',
+  colorIndigo30: '#D3CBF4',
+  colorIndigo40: '#B9AFE9',
+  colorIndigo50: '#9E95DD',
+  colorIndigo60: '#847CD2',
+  colorIndigo70: '#716ACC',
+  colorIndigo80: '#5F58C7',
+  colorIndigo90: '#3F3BA8',
+  colorIndigo100: '#20208A',
+  colorIndigo110: '#0C0F6B',
+  colorIndigo120: '#00054D',
+  colorIndigo130: '#000333',
+};
+
+const purple = {
+  colorPurple10: '#F8F1FE',
+  colorPurple20: '#EAD7FA',
+  colorPurple30: '#DABCF5',
+  colorPurple40: '#CBA6ED',
+  colorPurple50: '#BB8BE8',
+  colorPurple60: '#A56EDB',
+  colorPurple70: '#9157C9',
+  colorPurple80: '#7A3DB8',
+  colorPurple90: '#6A29AB',
+  colorPurple100: '#571796',
+  colorPurple110: '#470F80',
+  colorPurple120: '#340463',
+  colorPurple130: '#1A0033',
+};
+
+const pink = {
+  colorPink10: '#FFF2FD',
+  colorPink20: '#F7D9F3',
+  colorPink30: '#FAC8F3',
+  colorPink40: '#F7ADEE',
+  colorPink50: '#F092E6',
+  colorPink60: '#E866DF',
+  colorPink70: '#E14ADB',
+  colorPink80: '#D92ED9',
+  colorPink90: '#B01BB6',
+  colorPink100: '#8A0D93',
+  colorPink110: '#650370',
+  colorPink120: '#42004D',
+  colorPink130: '#2C0033',
+};
+
+const rose = {
+  colorRose10: '#FEE5F2',
+  colorRose20: '#FCCFE6',
+  colorRose30: '#FCB8DA',
+  colorRose40: '#F99FCA',
+  colorRose50: '#F786B8',
+  colorRose60: '#F470AB',
+  colorRose70: '#ED448A',
+  colorRose80: '#E61866',
+  colorRose90: '#C40054',
+  colorRose100: '#811439',
+  colorRose110: '#540D24',
+  colorRose120: '#330614',
+  colorRose130: '#1F010A',
+};
+
+const gray = {
+  colorGray0: '#000000',
+  colorGray5: '#0D0D0D',
+  colorGray10: '#1A1A1A',
+  colorGray15: '#262626',
+  colorGray20: '#333333',
+  colorGray30: '#4D4D4D',
+  colorGray40: '#666666',
+  colorGray50: '#808080',
+  colorGray60: '#999999',
+  colorGray70: '#B3B3B3',
+  colorGray80: '#CCCCCC',
+  colorGray90: '#E6E6E6',
+  colorGray100: '#FFFFFF',
+};
+
+const transparent = {
+  colorTransparent: 'rgba(255,255,255,0)',
+};
+
+const board = {
+  red,
+  sky,
+  lime,
+  rose,
+  mint,
+  blue,
+  pink,
+  gray,
+  lemon,
+  green,
+  orange,
+  yellow,
+  indigo,
+  purple,
+  transparent,
+};
+
+export default board;

package/src/components/charts/feature/token/color/cloud/board.js

@@ -0,0 +1,276 @@
+/**
+ * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
+ * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+
+
+const red = {
+  colorRed10: '#FFF1F0',
+  colorRed20: '#FCE2E0',
+  colorRed30: '#FAA7A3',
+  colorRed40: '#FA8682',
+  colorRed50: '#F76360',
+  colorRed60: '#F23030',
+  colorRed70: '#BF0A1C',
+  colorRed80: '#A3171C',
+  colorRed90: '#78080E',
+  colorRed100: '#4D0005',
+  colorRed110: '#A64242',
+  colorRed120: '#D4827F',
+  colorRed130: '#F2C5C2',
+};
+
+const orange = {
+  colorOrange10: '#FFF4E8',
+  colorOrange20: '#FFEBD1',
+  colorOrange30: '#FCD5A4',
+  colorOrange40: '#FCBC72',
+  colorOrange50: '#FF9A2E',
+  colorOrange60: '#FF8800',
+  colorOrange70: '#D96900',
+  colorOrange80: '#A64D00',
+  colorOrange90: '#733400',
+  colorOrange100: '#4D2201',
+  colorOrange110: '#9E6D3F',
+  colorOrange120: '#D6A981',
+  colorOrange130: '#F2D8C2',
+};
+
+const yellow = {
+  colorYellow10: '#FFFAE6',
+  colorYellow20: '#FCF0C2',
+  colorYellow30: '#FAE49D',
+  colorYellow40: '#F7D56F',
+  colorYellow50: '#FAC532',
+  colorYellow60: '#FFB700',
+  colorYellow70: '#E0A210',
+  colorYellow80: '#A67711',
+  colorYellow90: '#7A5202',
+  colorYellow100: '#4D3200',
+  colorYellow110: '#9E7E3F',
+  colorYellow120: '#D4B57F',
+  colorYellow130: '#E6D3B8',
+};
+
+const lemon = {
+  colorLemon10: '#FFFFE6',
+  colorLemon20: '#FCFCC2',
+  colorLemon30: '#FAF78E',
+  colorLemon40: '#FCF26A',
+  colorLemon50: '#FAEE46',
+  colorLemon60: '#F2E70C',
+  colorLemon70: '#D9C816',
+  colorLemon80: '#A38F08',
+  colorLemon90: '#756202',
+  colorLemon100: '#4D3C00',
+  colorLemon110: '#9E8F46',
+  colorLemon120: '#D6C581',
+  colorLemon130: '#EDDFB2',
+};
+
+const lime = {
+  colorLime10: '#FDFFE6',
+  colorLime20: '#EFF5BF',
+  colorLime30: '#E2ED8E',
+  colorLime40: '#D5E667',
+  colorLime50: '#C6DE3E',
+  colorLime60: '#B2D119',
+  colorLime70: '#95B312',
+  colorLime80: '#728C0A',
+  colorLime90: '#576E05',
+  colorLime100: '#3B4D00',
+  colorLime110: '#808C46',
+  colorLime120: '#C1CC7A',
+  colorLime130: '#3B4D00',
+};
+
+const kelly = {
+  colorKelly10: '#EDF7DF',
+  colorKelly20: '#DAF2BB',
+  colorKelly30: '#B9E683',
+  colorKelly40: '#9EDB58',
+  colorKelly50: '#7DCC29',
+  colorKelly60: '#5CB300',
+  colorKelly70: '#4B9902',
+  colorKelly80: '#3C8001',
+  colorKelly90: '#2E6600',
+  colorKelly100: '#1F4700',
+  colorKelly110: '#628C38',
+  colorKelly120: '#A2C777',
+  colorKelly130: '#D2E6B8',
+};
+
+const green = {
+  colorGreen10: '#E4F7E9',
+  colorGreen20: '#D5F2DC',
+  colorGreen30: '#92E0A5',
+  colorGreen40: '#60D680',
+  colorGreen50: '#25C251',
+  colorGreen60: '#00B336',
+  colorGreen70: '#029931',
+  colorGreen80: '#01802B',
+  colorGreen90: '#006624',
+  colorGreen100: '#004A1B',
+  colorGreen110: '#3D995C',
+  colorGreen120: '#77C78F',
+  colorGreen130: '#B8E6C7',
+};
+
+const mint = {
+  colorMint10: '#E6FCFA',
+  colorMint20: '#D0F5F1',
+  colorMint30: '#97E8E1',
+  colorMint40: '#64DED6',
+  colorMint50: '#38D6CE',
+  colorMint60: '#10C7C1',
+  colorMint70: '#0BB8B2',
+  colorMint80: '#048C8C',
+  colorMint90: '#046466',
+  colorMint100: '#004547',
+  colorMint110: '#3D9996',
+  colorMint120: '#77C7C2',
+  colorMint130: '#B8E6E1',
+};
+
+const sky = {
+  colorSky10: '#E8FAFF',
+  colorSky20: '#D6F6FF',
+  colorSky30: '#A5E6FA',
+  colorSky40: '#79D8F7',
+  colorSky50: '#58CBF5',
+  colorSky60: '#33BCF2',
+  colorSky70: '#1F9ACF',
+  colorSky80: '#1075A3',
+  colorSky90: '#065278',
+  colorSky100: '#00304A',
+  colorSky110: '#3D7F99',
+  colorSky120: '#7AB8CC',
+  colorSky130: '#B6E5F2',
+};
+
+const blue = {
+  colorBlue10: '#F0F7FF',
+  colorBlue20: '#DEECFF',
+  colorBlue30: '#B3D6FF',
+  colorBlue40: '#7EB7FC',
+  colorBlue50: '#4191FA',
+  colorBlue60: '#1476FF',
+  colorBlue70: '#0F5ED4',
+  colorBlue80: '#0845A6',
+  colorBlue90: '#022E7A',
+  colorBlue100: '#001A4A',
+  colorBlue110: '#3D6899',
+  colorBlue120: '#7FA6D4',
+  colorBlue130: '#B6D4F2',
+};
+
+const indigo = {
+  colorIndigo10: '#F0EBFF',
+  colorIndigo20: '#E2D9FC',
+  colorIndigo30: '#B9A6F7',
+  colorIndigo40: '#9479F2',
+  colorIndigo50: '#6E51E0',
+  colorIndigo60: '#512FD6',
+  colorIndigo70: '#391EB0',
+  colorIndigo80: '#27108F',
+  colorIndigo90: '#19056E',
+  colorIndigo100: '#0E004D',
+  colorIndigo110: '#584D99',
+  colorIndigo120: '#847ACC',
+  colorIndigo130: '#BBB8E6',
+};
+
+const purple = {
+  colorPurple10: '#F9EBFF',
+  colorPurple20: '#F4E0FC',
+  colorPurple30: '#DEA3F7',
+  colorPurple40: '#CC78F0',
+  colorPurple50: '#BA53E6',
+  colorPurple60: '#A42FD6',
+  colorPurple70: '#841EB0',
+  colorPurple80: '#6B1091',
+  colorPurple90: '#520673',
+  colorPurple100: '#36004D',
+  colorPurple110: '#7D3D99',
+  colorPurple120: '#B47ACC',
+  colorPurple130: '#D8B8E6',
+};
+
+const pink = {
+  colorPink10: '#FCE8FB',
+  colorPink20: '#FCD4FA',
+  colorPink30: '#F7A1F3',
+  colorPink40: '#EB75E7',
+  colorPink50: '#E841E5',
+  colorPink60: '#D91AD9',
+  colorPink70: '#B50FB8',
+  colorPink80: '#8F0A94',
+  colorPink90: '#6B0370',
+  colorPink100: '#47004D',
+  colorPink110: '#993D99',
+  colorPink120: '#C97ACC',
+  colorPink130: '#E2B8E6',
+};
+
+const rose = {
+  colorRose10: '#FFEBF3',
+  colorRose20: '#FFD6E8',
+  colorRose30: '#FAA0CB',
+  colorRose40: '#F56EAD',
+  colorRose50: '#F24998',
+  colorRose60: '#E61C81',
+  colorRose70: '#B50E65',
+  colorRose80: '#940A54',
+  colorRose90: '#70033F',
+  colorRose100: '#4D002B',
+  colorRose110: '#993D6E',
+  colorRose120: '#CC7AA6',
+  colorRose130: '#E6B8D2',
+};
+
+const gray = {
+  colorGray0: '#FFFFFF',
+  colorGray5: '#FAFAFA',
+  colorGray10: '#F5F5F5',
+  colorGray20: '#F0F0F0',
+  colorGray30: '#E6E6E6',
+  colorGray40: '#DBDBDB',
+  colorGray50: '#C2C2C2',
+  colorGray60: '#808080',
+  colorGray70: '#595959',
+  colorGray80: '#333333',
+  colorGray90: '#191919',
+  colorGray100: '#000000',
+};
+
+const transparent = {
+  colorTransparent: 'rgba(255,255,255,0)',
+};
+
+const board = {
+  red,
+  sky,
+  lime,
+  rose,
+  mint,
+  blue,
+  pink,
+  gray,
+  kelly,
+  lemon,
+  green,
+  orange,
+  yellow,
+  indigo,
+  purple,
+  transparent,
+};
+
+export default board;

package/src/components/charts/feature/token/color/cloud/dark.js

@@ -0,0 +1,78 @@
+/**
+ * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
+ * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+// 目前没有黑色主题，图表配色延用白色主题
+import board from './board-dark';
+import { getThemeColor, getColorGroup } from '../util';
+
+const gray = {
+  ...board.gray,
+  ...board.transparent,
+};
+
+// 图表的状态颜色
+const colorState = {
+  // 紧急色
+  colorError: board.red.colorRed80,
+  colorAlert: board.orange.colorOrange80,
+  colorWarning: board.yellow.colorYellow70,
+  // 成功色
+  colorSuccess: board.green.colorGreen70,
+  // 提示色
+  colorInfo: board.blue.colorBlue70,
+  // 失效
+  colorNone: board.gray.colorGray50,
+};
+
+// 告警色组
+const colorAlarms = {
+  colorAlarmFatal: board.red.colorRed100,
+  colorAlarmError: board.red.colorRed80,
+  colorAlarmWarning: board.orange.colorOrange80,
+  colorAlarmSecondary: board.yellow.colorYellow70,
+  colorAlarmOrdinary: board.lemon.colorLemon60,
+}
+
+// 图表配色对象
+const colorChart = {
+  colorChart1: board.blue.colorBlue70,
+  colorChart2: board.mint.colorMint70,
+  colorChart3: board.indigo.colorIndigo70,
+  colorChart4: board.green.colorGreen70,
+  colorChart5: board.yellow.colorYellow70,
+  colorChart6: board.sky.colorSky70,
+  colorChart7: board.purple.colorPurple70,
+  colorChart8: board.rose.colorRose70,
+  colorChart9: board.blue.colorBlue50,
+  colorChart10: board.mint.colorMint90,
+  colorChart11: board.indigo.colorIndigo40,
+  colorChart12: board.green.colorGreen90,
+  colorChart13: board.yellow.colorYellow50,
+  colorChart14: board.sky.colorSky90,
+  colorChart15: board.purple.colorPurple50,
+  colorChart16: board.rose.colorRose90,
+  colorChart17: board.mint.colorMint50,
+  colorChart18: board.blue.colorBlue90,
+  colorChart19: board.green.colorGreen50,
+  colorChart20: board.indigo.colorIndigo90,
+  colorChart21: board.sky.colorSky50,
+  colorChart22: board.yellow.colorYellow90,
+  colorChart23: board.rose.colorRose40,
+  colorChart24: board.purple.colorPurple90,
+  colorChart25: board.lime.colorLime90
+};
+
+// 图表内置的颜色组
+const colorGroup = getColorGroup(colorChart);
+
+const dark = getThemeColor(gray, colorState, colorGroup, colorAlarms, board);
+
+export default dark;

package/src/components/charts/feature/token/color/cloud/index.js

@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
+ * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+import light from './light';
+import dark from './dark';
+
+const cloud = {
+  light,
+  dark,
+};
+
+export default cloud;

package/src/components/charts/feature/token/color/cloud/light.js

@@ -0,0 +1,77 @@
+/**
+ * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
+ * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+import board from './board';
+import { getThemeColor, getColorGroup } from '../util';
+
+const gray = {
+  ...board.gray,
+  ...board.transparent,
+};
+
+// 图表的状态颜色
+const colorState = {
+  // 紧急色
+  colorError: board.red.colorRed60,
+  colorAlert: board.orange.colorOrange60,
+  colorWarning: board.yellow.colorYellow60,
+  // 成功色
+  colorSuccess: board.kelly.colorKelly60,
+  // 提示色
+  colorInfo: board.blue.colorBlue60,
+  // 失效
+  colorNone: board.gray.colorGray50,
+};
+
+// 告警色组
+const colorAlarms = {
+  colorAlarmFatal: board.red.colorRed70,
+  colorAlarmError: board.red.colorRed60,
+  colorAlarmWarning: board.orange.colorOrange60,
+  colorAlarmSecondary: board.yellow.colorYellow60,
+  colorAlarmOrdinary: board.lemon.colorLemon60,
+}
+
+// 图表配色对象 
+const colorChart = {
+  colorChart1: board.blue.colorBlue60,
+  colorChart2: board.mint.colorMint70,
+  colorChart3: board.indigo.colorIndigo50,
+  colorChart4: board.kelly.colorKelly60,
+  colorChart5: board.yellow.colorYellow60,
+  colorChart6: board.sky.colorSky60,
+  colorChart7: board.purple.colorPurple50,
+  colorChart8: board.rose.colorRose60,
+  colorChart9: board.blue.colorBlue40,
+  colorChart10: board.mint.colorMint80,
+  colorChart11: board.indigo.colorIndigo30,
+  colorChart12: board.kelly.colorKelly80,
+  colorChart13: board.yellow.colorYellow40,
+  colorChart14: board.sky.colorSky80,
+  colorChart15: board.purple.colorPurple40,
+  colorChart16: board.rose.colorRose70,
+  colorChart17: board.mint.colorMint50,
+  colorChart18: board.blue.colorBlue80,
+  colorChart19: board.kelly.colorKelly40,
+  colorChart20: board.indigo.colorIndigo60,
+  colorChart21: board.sky.colorSky40,
+  colorChart22: board.yellow.colorYellow80,
+  colorChart23: board.rose.colorRose30,
+  colorChart24: board.purple.colorPurple70,
+  colorChart25: board.lime.colorLime80
+};
+
+// 图表内置的颜色组
+const colorGroup = getColorGroup(colorChart);
+
+const light = getThemeColor(gray, colorState, colorGroup, colorAlarms, board);
+
+export default light;