@ebiz/designer-components 0.0.18

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

@@ -0,0 +1,204 @@
+/**
+ * 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 rose = {
+  colorRose5: '#FEE5F2',
+  colorRose10: '#FCC3E0',
+  colorRose20: '#F99AC7',
+  colorRose30: '#F470AB',
+  colorRose40: '#ED448A',
+  colorRose50: '#E61866',
+  colorRose60: '#C40054',
+  colorRose70: '#811439',
+  colorRose80: '#540D24',
+  colorRose90: '#330614',
+};
+
+const red = {
+  colorRed5: '#FEE7E8',
+  colorRed10: '#FABDC1',
+  colorRed20: '#F59297',
+  colorRed30: '#EE696F',
+  colorRed40: '#E7434A',
+  colorRed50: '#E02128',
+  colorRed60: '#C7000B',
+  colorRed70: '#850F12',
+  colorRed80: '#59080A',
+  colorRed90: '#350305',
+};
+
+const orange = {
+  colorOrange5: '#FEF5E8',
+  colorOrange10: '#FDE2BD',
+  colorOrange20: '#FCCE92',
+  colorOrange30: '#F9B766',
+  colorOrange40: '#F69E39',
+  colorOrange50: '#F4840C',
+  colorOrange60: '#C76207',
+  colorOrange70: '#954304',
+  colorOrange80: '#642802',
+  colorOrange90: '#3D1601',
+};
+
+const yellow = {
+  colorYellow5: '#FEFCE0',
+  colorYellow10: '#FEF8B8',
+  colorYellow20: '#FEF08A',
+  colorYellow30: '#FDE55C',
+  colorYellow40: '#FCD72E',
+  colorYellow50: '#FCC800',
+  colorYellow60: '#D19F00',
+  colorYellow70: '#9E7400',
+  colorYellow80: '#614500',
+  colorYellow90: '#2E1F00',
+};
+
+const green = {
+  colorGreen5: '#F2FBE9',
+  colorGreen10: '#DFF4CC',
+  colorGreen20: '#C6E9A8',
+  colorGreen30: '#A8DB81',
+  colorGreen40: '#87C859',
+  colorGreen50: '#62B42E',
+  colorGreen60: '#488E20',
+  colorGreen70: '#316614',
+  colorGreen80: '#1B3E0A',
+  colorGreen90: '#0C2004',
+};
+
+const mint = {
+  colorMint5: '#E7FBF2',
+  colorMint10: '#BCF2DB',
+  colorMint20: '#8FE5C2',
+  colorMint30: '#63D5A8',
+  colorMint40: '#36C18D',
+  colorMint50: '#09AA71',
+  colorMint60: '#058358',
+  colorMint70: '#036142',
+  colorMint80: '#02422E',
+  colorMint90: '#00291D',
+};
+
+const cyan = {
+  colorCyan5: '#E8FCFD',
+  colorCyan10: '#C9F6F9',
+  colorCyan20: '#A4ECF1',
+  colorCyan30: '#7DDFE7',
+  colorCyan40: '#55CCD9',
+  colorCyan50: '#2CB8C9',
+  colorCyan60: '#1C94A4',
+  colorCyan70: '#127180',
+  colorCyan80: '#094C57',
+  colorCyan90: '#04282F',
+};
+
+const blue = {
+  colorBlue5: '#EEF3FE',
+  colorBlue10: '#D0D8FD',
+  colorBlue20: '#B0BFFD',
+  colorBlue30: '#8CA3FA',
+  colorBlue40: '#668CF7',
+  colorBlue50: '#2070F3',
+  colorBlue60: '#1F55B5',
+  colorBlue70: '#1B3F86',
+  colorBlue80: '#112857',
+  colorBlue90: '#081635',
+};
+
+const indigo = {
+  colorIndigo5: '#EEEEFE',
+  colorIndigo10: '#D5D3FD',
+  colorIndigo20: '#BFB9FA',
+  colorIndigo30: '#A89FF9',
+  colorIndigo40: '#8E81F4',
+  colorIndigo50: '#715AFB',
+  colorIndigo60: '#5531EB',
+  colorIndigo70: '#3F21B5',
+  colorIndigo80: '#281675',
+  colorIndigo90: '#160B48',
+};
+
+const purple = {
+  colorPurple5: '#F7EDFE',
+  colorPurple10: '#E8CFFE',
+  colorPurple20: '#D9B1FD',
+  colorPurple30: '#CB8EFB',
+  colorPurple40: '#BF68FA',
+  colorPurple50: '#B62BF7',
+  colorPurple60: '#8A21BC',
+  colorPurple70: '#651B8B',
+  colorPurple80: '#41125A',
+  colorPurple90: '#260937',
+};
+
+const pink = {
+  colorPink5: '#FDE6FC',
+  colorPink10: '#F9C5F6',
+  colorPink20: '#F39DEC',
+  colorPink30: '#EB74DF',
+  colorPink40: '#E049CE',
+  colorPink50: '#D41DBC',
+  colorPink60: '#9F1C8D',
+  colorPink70: '#751868',
+  colorPink80: '#4C0F43',
+  colorPink90: '#2E0728',
+};
+
+const brand = {
+  colorBrand5: '#E6F2FD',
+  colorBrand10: '#B8D9F9',
+  colorBrand20: '#8ABEF3',
+  colorBrand30: '#5CA2E9',
+  colorBrand40: '#2E86DE',
+  colorBrand50: '#0067D1',
+  colorBrand60: '#004EA8',
+  colorBrand70: '#003D83',
+  colorBrand80: '#002E6A',
+  colorBrand90: '#00214B',
+};
+
+const gray = {
+  colorGray0: '#FFFFFF',
+  colorGray5: '#F3F3F3',
+  colorGray10: '#DFDFDF',
+  colorGray20: '#C9C9C9',
+  colorGray30: '#AEAEAE',
+  colorGray40: '#939393',
+  colorGray50: '#777777',
+  colorGray60: '#595959',
+  colorGray70: '#393939',
+  colorGray80: '#2A2A2A',
+  colorGray90: '#191919',
+  colorGray100: '#000000',
+};
+
+const transparent = {
+  colorTransparent: 'rgba(255,255,255,0)',
+};
+
+const board = {
+  red,
+  rose,
+  mint,
+  cyan,
+  blue,
+  pink,
+  gray,
+  green,
+  brand,
+  orange,
+  yellow,
+  indigo,
+  purple,
+  transparent,
+};
+
+export default board;

package/src/components/charts/feature/token/color/hdesign/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';
+import { getThemeColor, getColorGroup } from '../util';
+
+const gray = {
+  ...board.gray,
+  ...board.transparent,
+};
+
+const colorState = {
+  // 错误色
+  colorError: board.red.colorRed40,
+  colorAlert: board.orange.colorOrange50,
+  colorWarning: board.yellow.colorYellow40,
+  // 成功色
+  colorSuccess: board.mint.colorMint60,
+  // 信息色
+  colorInfo: board.blue.colorBlue50,
+  // 失效色
+  colorNone: board.gray.colorGray60,
+};
+
+// 告警色组
+const colorAlarms = {
+  // 暂定
+  colorAlarmFatal: board.red.colorRed70,
+  colorAlarmError: board.red.colorRed40,
+  colorAlarmWarning: board.orange.colorOrange50,
+  colorAlarmSecondary: board.yellow.colorYellow40,
+  // 暂定
+  colorAlarmOrdinary: board.yellow.colorYellow20,
+}
+
+// 图表的配色对象
+const colorChart = {
+  colorChart1: board.blue.colorBlue50,
+  colorChart2: board.green.colorGreen50,
+  colorChart3: board.indigo.colorIndigo50,
+  colorChart4: board.cyan.colorCyan50,
+  colorChart5: board.orange.colorOrange40,
+  colorChart6: board.brand.colorBrand30,
+  colorChart7: board.purple.colorPurple60,
+  colorChart8: board.rose.colorRose60,
+  colorChart9: board.indigo.colorIndigo60,
+  colorChart10: board.yellow.colorYellow60,
+  colorChart11: board.brand.colorBrand60,
+  colorChart12: board.green.colorGreen60,
+  colorChart13: board.purple.colorPurple70,
+  colorChart14: board.cyan.colorCyan60,
+  colorChart15: board.orange.colorOrange70,
+  colorChart16: board.rose.colorRose60,
+  colorChart17: board.cyan.colorCyan70,
+  colorChart18: board.blue.colorBlue60,
+  colorChart19: board.green.colorGreen70,
+  colorChart20: board.indigo.colorIndigo70,
+  colorChart21: board.rose.colorRose70,
+  colorChart22: board.cyan.colorCyan30,
+  colorChart23: board.yellow.colorYellow70,
+  colorChart24: board.purple.colorPurple50,
+  colorChart25: board.mint.colorMint70
+};
+
+// 图表内置的颜色组
+const colorGroup = getColorGroup(colorChart);
+
+const dark = getThemeColor(gray, colorState, colorGroup, colorAlarms, board)
+
+export default dark;

package/src/components/charts/feature/token/color/hdesign/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 hdesign = {
+  light,
+  dark,
+};
+
+export default hdesign;

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

@@ -0,0 +1,79 @@
+/**
+ * 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.colorRed50,
+  colorAlert: board.orange.colorOrange50,
+  colorWarning: board.yellow.colorYellow50,
+  // 成功色
+  colorSuccess: board.mint.colorMint50,
+  // 信息色
+  colorInfo: board.blue.colorBlue50,
+  // 失效色
+  colorNone: board.gray.colorGray30,
+};
+
+// 告警色组
+const colorAlarms = {
+  // 暂定
+  colorAlarmFatal: board.red.colorRed70,
+  colorAlarmError: board.red.colorRed50,
+  colorAlarmWarning: board.orange.colorOrange50,
+  colorAlarmSecondary: board.yellow.colorYellow50,
+  // 暂定
+  colorAlarmOrdinary: board.yellow.colorYellow20,
+}
+
+
+// 图表的配色对象
+const colorChart = {
+  colorChart1: board.blue.colorBlue50,
+  colorChart2: board.green.colorGreen50,
+  colorChart3: board.indigo.colorIndigo50,
+  colorChart4: board.cyan.colorCyan50,
+  colorChart5: board.orange.colorOrange40,
+  colorChart6: board.brand.colorBrand30,
+  colorChart7: board.purple.colorPurple40,
+  colorChart8: board.rose.colorRose40,
+  colorChart9: board.indigo.colorIndigo20,
+  colorChart10: board.yellow.colorYellow60,
+  colorChart11: board.brand.colorBrand10,
+  colorChart12: board.green.colorGreen60,
+  colorChart13: board.purple.colorPurple20,
+  colorChart14: board.cyan.colorCyan60,
+  colorChart15: board.orange.colorOrange20,
+  colorChart16: board.rose.colorRose60,
+  colorChart17: board.cyan.colorCyan20,
+  colorChart18: board.blue.colorBlue60,
+  colorChart19: board.green.colorGreen20,
+  colorChart20: board.indigo.colorIndigo70,
+  colorChart21: board.rose.colorRose10,
+  colorChart22: board.cyan.colorCyan70,
+  colorChart23: board.yellow.colorYellow20,
+  colorChart24: board.purple.colorPurple70,
+  colorChart25: board.mint.colorMint20
+};
+
+// 图表内置的颜色组
+const colorGroup = getColorGroup(colorChart);
+
+const light = getThemeColor(gray, colorState, colorGroup, colorAlarms, board);
+
+export default light;

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

@@ -0,0 +1,190 @@
+/**
+ * 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 rose = {
+  colorRose5: '#F9F2F3',
+  colorRose10: '#F3DADE',
+  colorRose20: '#EFBCC5',
+  colorRose30: '#EF93A7',
+  colorRose40: '#F46087',
+  colorRose50: '#E61866',
+  colorRose60: '#AD184D',
+  colorRose70: '#811439',
+  colorRose80: '#540D24',
+  colorRose90: '#330614',
+};
+
+const red = {
+  colorRed5: '#F9F2F2',
+  colorRed10: '#F3DADA',
+  colorRed20: '#F0BDBD',
+  colorRed30: '#F09596',
+  colorRed40: '#F46465',
+  colorRed50: '#EB171F',
+  colorRed60: '#B2161B',
+  colorRed70: '#841316',
+  colorRed80: '#570C0D',
+  colorRed90: '#350506',
+};
+
+const orange = {
+  colorOrange5: '#FDF1EF',
+  colorOrange10: '#FCD8CE',
+  colorOrange20: '#FABAAA',
+  colorOrange30: '#FC916E',
+  colorOrange40: '#F36900',
+  colorOrange50: '#C45613',
+  colorOrange60: '#944114',
+  colorOrange70: '#6E3011',
+  colorOrange80: '#471E0B',
+  colorOrange90: '#2B1005',
+};
+
+const yellow = {
+  colorYellow5: '#FDF2E5',
+  colorYellow10: '#FCDBAA',
+  colorYellow20: '#FDC000',
+  colorYellow30: '#DAA61B',
+  colorYellow40: '#B98C1D',
+  colorYellow50: '#96711B',
+  colorYellow60: '#715516',
+  colorYellow70: '#543F0F',
+  colorYellow80: '#362807',
+  colorYellow90: '#201603',
+};
+
+const green = {
+  colorGreen5: '#EEF6EB',
+  colorGreen10: '#BCEDAC',
+  colorGreen20: '#97DA7E',
+  colorGreen30: '#71C14C',
+  colorGreen40: '#4FA700',
+  colorGreen50: '#478625',
+  colorGreen60: '#376422',
+  colorGreen70: '#2A4A1C',
+  colorGreen80: '#1A2F12',
+  colorGreen90: '#0F1B0A',
+};
+
+const mint = {
+  colorMint5: '#ECF6F1',
+  colorMint10: '#AFEDCE',
+  colorMint20: '#82DBB1',
+  colorMint30: '#50C291',
+  colorMint40: '#00A874',
+  colorMint50: '#278661',
+  colorMint60: '#236549',
+  colorMint70: '#1D4A37',
+  colorMint80: '#1B2B21',
+  colorMint90: '#0B1B13',
+};
+
+const cyan = {
+  colorCyan5: '#EFF4F6',
+  colorCyan10: '#C6E5EC',
+  colorCyan20: '#87D5E5',
+  colorCyan30: '#54BCCE',
+  colorCyan40: '#00A2B5',
+  colorCyan50: '#2A8290',
+  colorCyan60: '#26616B',
+  colorCyan70: '#1F484F',
+  colorCyan80: '#152E32',
+  colorCyan90: '#0C1A1C',
+};
+
+const blue = {
+  colorBlue5: '#F4F3F9',
+  colorBlue10: '#DBDFF2',
+  colorBlue20: '#BFC8EE',
+  colorBlue30: '#99ABED',
+  colorBlue40: '#6D8FF0',
+  colorBlue50: '#2070F3',
+  colorBlue60: '#1F55B5',
+  colorBlue70: '#1B3F86',
+  colorBlue80: '#112857',
+  colorBlue90: '#081635',
+};
+
+const indigo = {
+  colorIndigo5: '#F3F3F9',
+  colorIndigo10: '#DFDEF2',
+  colorIndigo20: '#C9C5EE',
+  colorIndigo30: '#ADA6ED',
+  colorIndigo40: '#9185F0',
+  colorIndigo50: '#745EF7',
+  colorIndigo60: '#5531EB',
+  colorIndigo70: '#3F21B5',
+  colorIndigo80: '#281675',
+  colorIndigo90: '#160B48',
+};
+
+const purple = {
+  colorPurple5: '#F6F2F9',
+  colorPurple10: '#E7DBF2',
+  colorPurple20: '#D8C0EE',
+  colorPurple30: '#C99CED',
+  colorPurple40: '#BD72F0',
+  colorPurple50: '#B62BF7',
+  colorPurple60: '#8A21BC',
+  colorPurple70: '#651B8B',
+  colorPurple80: '#41125A',
+  colorPurple90: '#260937',
+};
+
+const pink = {
+  colorPink5: '#F9F1F7',
+  colorPink10: '#F2D8EC',
+  colorPink20: '#EFB9E3',
+  colorPink30: '#EE8DDB',
+  colorPink40: '#F14FD8',
+  colorPink50: '#D41DBC',
+  colorPink60: '#9F1C8D',
+  colorPink70: '#751868',
+  colorPink80: '#4C0F43',
+  colorPink90: '#2E0728',
+};
+
+const gray = {
+  colorGray0: '#FFFFFF',
+  colorGray5: '#F5F5F5',
+  colorGray10: '#EEEEEE',
+  colorGray20: '#BBBBBB',
+  colorGray30: '#939393',
+  colorGray40: '#818181',
+  colorGray50: '#676767',
+  colorGray60: '#4E4E4E',
+  colorGray70: '#393939',
+  colorGray80: '#272727',
+  colorGray90: '#191919',
+  colorGray100: '#000000',
+};
+
+const transparent = {
+  colorTransparent: 'rgba(255,255,255,0)',
+};
+
+const board = {
+  blue,
+  pink,
+  gray,
+  green,
+  red,
+  rose,
+  mint,
+  cyan,
+  orange,
+  yellow,
+  indigo,
+  purple,
+  transparent,
+};
+
+export default board;

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

@@ -0,0 +1,61 @@
+/**
+ * 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: '#F43146',
+  colorAlert: '#EC6F1A',
+  colorWarning: '#EEBA18',
+  // 成功色
+  colorSuccess: '#0D9458',
+  // 提示色
+  colorInfo: '#5990FD',
+  // 失效
+  colorNone: board.gray.colorGray40,
+};
+
+// 告警色组
+const colorAlarms = {
+  // 暂定
+  colorAlarmFatal: board.red.colorRed70,
+  colorAlarmError: '#F43146',
+  colorAlarmWarning: '#EC6F1A',
+  colorAlarmSecondary: '#EEBA18',
+  // 暂定
+  colorAlarmOrdinary: board.yellow.colorYellow20,
+}
+
+// 图表的配色对象
+const colorChart = {
+  colorChart1: board.blue.colorBlue60,
+  colorChart2: board.mint.colorMint50,
+  colorChart3: board.purple.colorPurple60,
+  colorChart4: board.cyan.colorCyan60,
+  colorChart5: board.yellow.colorYellow40,
+  colorChart6: board.indigo.colorIndigo50,
+  colorChart7: board.cyan.colorCyan50,
+};
+
+// 图表内置的颜色组
+const colorGroup = getColorGroup(colorChart);
+
+const dark = getThemeColor(gray, colorState, colorGroup, colorAlarms, board);
+
+export default dark;

package/src/components/charts/feature/token/color/ict/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 ict = {
+  light,
+  dark,
+};
+
+export default ict;