@cgeui/utils 0.0.2 → 0.0.4

package/dist/esm/charts/SuperChart/config/index.js

@@ -0,0 +1,237 @@
+import { COLOR_LIST, DATA_ZOOM_LIST, GRID_LIST, LEGEND_LIST, TITLE_LIST, TOOLTIP_LIST, X_AXIS_LIST, Y_AXIS_LIST } from "../configStyle";
+var ALARM_LEVEL_MAP = {
+  L1: '提示',
+  L2: '一般',
+  L3: '严重'
+};
+var commonStyle = {
+  color: COLOR_LIST.EVENT_TIME_COLOR,
+  title: TITLE_LIST.WHITE,
+  grid: GRID_LIST.DEFAULT,
+  // visualMap: VISUAL_MAP.ALARM_LINE,
+  tooltip: TOOLTIP_LIST.DEFAULT,
+  legend: LEGEND_LIST.LINE,
+  xAxis: X_AXIS_LIST.CATEGORY,
+  dataZoom: DATA_ZOOM_LIST.INSIDE,
+  yAxis: Y_AXIS_LIST.VALUE_UNIT
+};
+var pieStyle = {
+  color: COLOR_LIST.EVENT_TIME_COLOR,
+  title: TITLE_LIST.PIE,
+  tooltip: {
+    trigger: 'item'
+  },
+  legend: LEGEND_LIST.PIE2
+};
+var boxplotStyle = {
+  color: COLOR_LIST.EVENT_TIME_COLOR,
+  title: TITLE_LIST.WHITE,
+  grid: GRID_LIST.DEFAULT,
+  // visualMap: VISUAL_MAP.ALARM_LINE,
+  tooltip: TOOLTIP_LIST.DEFAULT,
+  legend: LEGEND_LIST.LINE,
+  xAxis: X_AXIS_LIST.CATEGORY,
+  yAxis: Y_AXIS_LIST.VALUE_SCALE,
+  dataZoom: DATA_ZOOM_LIST.INSIDE
+};
+export var lineChartsConfig = {
+  configStyle: {
+    color: COLOR_LIST.ALARM_VEHICLE_CELL_COLOR,
+    title: TITLE_LIST.WHITE,
+    grid: GRID_LIST.DEFAULT,
+    // visualMap: VISUAL_MAP.ALARM_LINE,
+    tooltip: TOOLTIP_LIST.DEFAULT,
+    legend: LEGEND_LIST.LINE,
+    xAxis: X_AXIS_LIST.CATEGORY,
+    dataZoom: DATA_ZOOM_LIST.INSIDE,
+    yAxis: Y_AXIS_LIST.VALUE_UNIT
+  },
+  configData: {
+    title: '',
+    series: {
+      default: {
+        type: 'line'
+      }
+    },
+    xAxis: {},
+    yAxis: {
+      scale: true
+    }
+    // visualMap: {
+    //   dimension: 2, // 指向第三列（列序号从 0 开始记，所以设置为 2）。
+    //   categories: ['1', '2', '3'],
+    // },
+  },
+  helper: {},
+  dataFillConfig: null
+};
+export var pieChartsConfig = {
+  configStyle: pieStyle,
+  configData: {
+    title: '',
+    series: {
+      default: {
+        type: 'pie',
+        radius: [50, 90],
+        center: ['50%', '60%'],
+        itemStyle: {
+          borderRadius: 8
+        }
+      }
+    }
+  }
+};
+var barStyle = {
+  color: COLOR_LIST.EVENT_TIME_COLOR,
+  title: TITLE_LIST.WHITE,
+  grid: GRID_LIST.BULLET,
+  // visualMap: VISUAL_MAP.ALARM_LINE,
+  tooltip: TOOLTIP_LIST.ITEM,
+  legend: LEGEND_LIST.BAR,
+  xAxis: X_AXIS_LIST.CATEGORY,
+  dataZoom: DATA_ZOOM_LIST.INSIDE,
+  yAxis: Y_AXIS_LIST.VALUE_UNIT
+};
+export var baseBarConfig = {
+  configStyle: {
+    color: COLOR_LIST.EVENT_TIME_COLOR,
+    title: TITLE_LIST.WHITE,
+    grid: GRID_LIST.DEFAULT,
+    // visualMap: VISUAL_MAP.ALARM_LINE,
+    tooltip: TOOLTIP_LIST.DEFAULT,
+    legend: LEGEND_LIST.LINE,
+    xAxis: X_AXIS_LIST.CATEGORY,
+    yAxis: Y_AXIS_LIST.VALUE_UNIT,
+    dataZoom: DATA_ZOOM_LIST.INSIDE
+  },
+  configData: {
+    title: '',
+    series: {
+      default: {
+        type: 'bar',
+        barWidth: 18
+      }
+    },
+    legend: false,
+    xAxis: {},
+    yAxis: {},
+    // visualMap: false,
+    dataZoom: false
+  },
+  dataFillConfig: null,
+  helper: ALARM_LEVEL_MAP
+};
+export var barChartsConfig = {
+  configStyle: barStyle,
+  configData: {
+    title: '',
+    series: {
+      default: {
+        type: 'bar',
+        stack: 'Ad',
+        emphasis: {
+          focus: 'series'
+        },
+        barWidth: 18
+      }
+    },
+    seriesOrder: ['L1', 'L2', 'L3'],
+    xAxis: {},
+    yAxis: {
+      scale: true,
+      minInterval: 1
+    },
+    // visualMap: false,
+    dataZoom: false
+  },
+  dataFillConfig: null,
+  helper: ALARM_LEVEL_MAP
+};
+export var scatterChartsConfig = {
+  configStyle: commonStyle,
+  configData: {
+    title: '',
+    series: {
+      default: {
+        type: 'scatter',
+        emphasis: {
+          focus: 'series'
+        }
+      }
+    },
+    xAxis: {},
+    yAxis: {},
+    // visualMap: false,
+    dataZoom: false
+  }
+};
+export var boxplotChartsConfig = {
+  configStyle: boxplotStyle,
+  configData: {
+    type: 'boxplot',
+    title: '',
+    series: {
+      default: {
+        type: 'boxplot',
+        emphasis: {
+          focus: 'series'
+        }
+      }
+    },
+    legend: false,
+    xAxis: {},
+    yAxis: {},
+    // visualMap: false,
+    dataZoom: false
+  }
+};
+export var radarChartsConfig = {
+  configStyle: {
+    color: COLOR_LIST.EVENT_TIME_COLOR,
+    title: TITLE_LIST.WHITE,
+    grid: GRID_LIST.DEFAULT,
+    // visualMap: VISUAL_MAP.ALARM_LINE,
+    tooltip: TOOLTIP_LIST.DEFAULT,
+    legend: LEGEND_LIST.LINE
+  },
+  configData: {
+    title: '',
+    type: 'radar',
+    series: {
+      default: {
+        type: 'radar'
+      }
+    },
+    legend: false,
+    // visualMap: false,
+    dataZoom: false
+  },
+  dataFillConfig: null
+};
+export var funnelChartsConfig = {
+  configStyle: {
+    color: COLOR_LIST.EVENT_TIME_COLOR,
+    title: TITLE_LIST.WHITE,
+    grid: GRID_LIST.DEFAULT,
+    // visualMap: VISUAL_MAP.ALARM_LINE,
+    tooltip: TOOLTIP_LIST.ITEM,
+    legend: LEGEND_LIST.LINE
+  },
+  configData: {
+    title: '',
+    type: 'funnel',
+    series: {
+      default: {
+        type: 'funnel',
+        sort: 'descending',
+        label: {
+          show: true,
+          position: 'inside'
+        }
+      }
+    },
+    // visualMap: false,
+    dataZoom: false
+  },
+  dataFillConfig: null
+};

package/dist/esm/charts/SuperChart/configStyle/color.js

@@ -0,0 +1,23 @@
+import { themeColor } from "../../chartTheme";
+var PURPLE = ['#6B3BA3', '#864ACC', '#9D62E2', '#AB79E8', '#D3B9F2'];
+var BLUE1 = ['#3A449F', '#4D5AD2', '#515FDD', '#858FE7', '#B9BFF1'];
+var BLUE2 = ['#0F52B8', '#1A66F2', '#1467FF', '#5C9DFF', '#A3C3FF'];
+var BLUE3 = ['#236E99', '#2E93CC', '#34A5E5', '#68BDED', '#AEDBF5'];
+var PINK = ['#99478B', '#BD57AC', '#C95DB7', '#E191D3', '#EEC0E6'];
+var GREEN1 = ['#0E8894', '#12A9B8', '#14BDCC', '#5AD6E0', '#A1E9EF'];
+var GREEN2 = ['#158A6E', '#1CBD96', '#1DC79E', '#56D6B7', '#A4E9D8'];
+var ORANGE1 = ['#A35137', '#E06C48', '#E77754', '#F59D7F', '#FACBBC'];
+var ORANGE2 = ['#B07733', '#E5A353', '#F4A547', '#F5C489', '#FBDBB5'];
+var YELLOW = ['#9E7B21', '#EBB631', '#FFCB47', '#FFD970', '#FFE7A4'];
+var COLOR_LIST = {
+  ALARM_VEHICLE_CELL_COLOR: [themeColor.green, themeColor.blue, themeColor.red],
+  WARNING_VEHICLE_CELL_COLOR: [themeColor.green, themeColor.blue, themeColor.orange, themeColor.red],
+  EVENT_TIME_COLOR: [themeColor.blue, themeColor.purple, themeColor.red],
+  VOLTAGE_DIAGNOSIS_COLOR: [themeColor.green, themeColor.purple, themeColor.orange, themeColor.orange],
+  DIAGNOSIS_COLOR: [themeColor.normal, themeColor.upper, themeColor.lower, '#9251DE', '#C85DB8', '#E67754', '#FFCB47', '#F4A547', '#1B6AFF', '#525FDD', '#34A5E5', '#30C147'],
+  DIAGNOSIS_COLOR1: ['#14BDCC', '#1467FF', '#9251DE', '#515FDD', '#34A5E5', '#1DC79E', '#E77754', '#F4A547', '#FFCB47'],
+  DIAGNOSIS_COLOR2: ['#9251DE', '#14BDCC', '#1467FF'],
+  ELECTRIC_COLOR: [themeColor.upper, '#9251DE'],
+  LAYER_COLOR: [].concat(PURPLE, BLUE1, BLUE2, BLUE3, PINK, GREEN1, GREEN2, ORANGE1, ORANGE2, YELLOW)
+};
+export default COLOR_LIST;

package/dist/esm/charts/SuperChart/configStyle/dataZoom.js

@@ -0,0 +1,13 @@
+var DATA_ZOOM_LIST = {
+  INSIDE: {
+    type: 'inside',
+    xAxisIndex: 0,
+    zoomLock: true
+  },
+  SLIDER: {
+    type: 'slider',
+    xAxisIndex: [0, 1]
+    // zoomLock: true,
+  }
+};
+export default DATA_ZOOM_LIST;

package/dist/esm/charts/SuperChart/configStyle/grid.js

@@ -0,0 +1,20 @@
+var GRID_LIST = {
+  DEFAULT: {
+    left: 60,
+    right: 60,
+    bottom: 50
+  },
+  BULLET: {
+    left: 60,
+    right: 60,
+    bottom: 50
+  },
+  BOTTOM: {
+    bottom: 30,
+    containLabel: true,
+    left: 0,
+    right: 20,
+    top: 50
+  }
+};
+export default GRID_LIST;

package/dist/esm/charts/SuperChart/configStyle/index.js

@@ -0,0 +1,10 @@
+export { default as COLOR_LIST } from "./color";
+export { default as DATA_ZOOM_LIST } from "./dataZoom";
+export { default as GRID_LIST } from "./grid";
+export { default as LEGEND_LIST } from "./legend";
+export { default as LINE_STYLE_LIST } from "./lineStyle";
+export { default as TITLE_LIST } from "./title";
+export { default as TOOLTIP_LIST } from "./tooltip";
+export { default as VISUAL_MAP } from "./visualMap";
+export { default as X_AXIS_LIST } from "./xAxis";
+export { default as Y_AXIS_LIST } from "./yAxis";

package/dist/esm/charts/SuperChart/configStyle/legend.js

@@ -0,0 +1,68 @@
+/*
+ * @Author: cengz ZengZ05@catl.com
+ * @Date: 2024-07-05 16:00:35
+ * @LastEditors: cengz ZengZ05@catl.com
+ * @LastEditTime: 2024-07-22 13:32:12
+ * @FilePath: \catl-design\packages\charts\src\SuperChart\configStyle\legend.tsx
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+var LEGEND_BOTTOM = '-1.8%';
+var LEGEND_LIST = {
+  LINE: {
+    itemWidth: 8,
+    itemHeight: 8,
+    itemStyle: {
+      opacity: 0.85
+    },
+    bottom: LEGEND_BOTTOM,
+    icon: 'circle'
+  },
+  SCATTER: {
+    itemWidth: 8,
+    itemHeight: 8,
+    itemStyle: {
+      opacity: 0.85
+    },
+    bottom: LEGEND_BOTTOM,
+    icon: 'circle'
+  },
+  BAR: {
+    itemWidth: 8,
+    itemHeight: 8,
+    itemStyle: {
+      opacity: 0.85
+    },
+    bottom: LEGEND_BOTTOM,
+    icon: 'rect'
+  },
+  PIE: {
+    orient: 'vertical',
+    left: 'left'
+  },
+  PIE2: {
+    itemWidth: 8,
+    itemHeight: 8,
+    itemStyle: {
+      opacity: 0.85
+    },
+    textStyle: {
+      fontWeight: '500',
+      fontFamily: 'PingFangSC-Semibold',
+      fontSize: '12'
+    },
+    icon: 'circle',
+    top: '40%',
+    right: '5%',
+    orient: 'vertical',
+    itemGap: 15
+  },
+  BOTTOM: {
+    bottom: 0,
+    left: 'center',
+    width: '95%'
+  },
+  NONE: {
+    show: false
+  }
+};
+export default LEGEND_LIST;

package/dist/esm/charts/SuperChart/configStyle/lineStyle.js

@@ -0,0 +1,80 @@
+import { themeColor } from "../../chartTheme";
+var LINE_STYLE_LIST = {
+  UPPER_UPPER_STYLE: {
+    type: 'line',
+    showSymbol: false,
+    smooth: true,
+    lineStyle: {
+      width: 2,
+      type: 'dashed',
+      color: themeColor.upper
+    }
+  },
+  UPPER_LOWER_STYLE: {
+    type: 'line',
+    showSymbol: false,
+    smooth: true,
+    lineStyle: {
+      width: 2,
+      type: 'dashed',
+      color: themeColor.lower
+    }
+  },
+  NORMAL: {
+    type: 'line',
+    smooth: true,
+    lineStyle: {
+      width: 1,
+      type: 'dashed',
+      color: themeColor.normal
+    }
+  },
+  OTHER: {
+    type: 'line',
+    smooth: true,
+    lineStyle: {
+      width: 1,
+      type: 'dashed'
+    }
+  },
+  MEAN: {
+    type: 'line',
+    smooth: true,
+    lineStyle: {
+      width: 1,
+      type: 'dashed'
+    },
+    emphasis: {
+      scale: 2.5
+    }
+  },
+  FAULT_CELL: {
+    type: 'line',
+    smooth: true,
+    zlevel: 1000,
+    lineStyle: {
+      width: 1,
+      color: '#D74851'
+    },
+    itemStyle: {
+      color: '#D74851'
+    },
+    emphasis: {
+      scale: 2.5
+    }
+  },
+  getThreshold: function getThreshold(_ref) {
+    var thresholdColor = _ref.thresholdColor;
+    return {
+      type: 'line',
+      smooth: true,
+      showSymbol: false,
+      lineStyle: {
+        width: 1,
+        type: 'dashed',
+        color: thresholdColor || '#FFCB47'
+      }
+    };
+  }
+};
+export default LINE_STYLE_LIST;

package/dist/esm/charts/SuperChart/configStyle/title.js

@@ -0,0 +1,16 @@
+var TITLE_LIST = {
+  WHITE: {
+    textStyle: {
+      color: 'rgba(255, 255, 255, 0.85)',
+      fontSize: 14
+    }
+  },
+  PIE: {
+    left: 'center',
+    textStyle: {
+      color: 'rgba(255, 255, 255, 0.85)',
+      fontSize: 14
+    }
+  }
+};
+export default TITLE_LIST;

package/dist/esm/charts/SuperChart/configStyle/tooltip.js

@@ -0,0 +1,38 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var defaultTooltipStyle = {
+  axisPointer: {
+    type: 'shadow',
+    shadowStyle: {
+      color: 'rgba(12, 111, 242, 0.09)',
+      width: 40
+    }
+  },
+  backgroundColor: 'rgba(255, 255, 255, 0.13)',
+  borderColor: 'rgba(255, 255, 255, 0.13)',
+  textStyle: {
+    color: '#FFFFFF'
+  }
+};
+var TOOLTIP_LIST = {
+  DEFAULT: {
+    trigger: 'axis'
+  },
+  ITEM: {
+    trigger: 'item'
+  },
+  ALARM_LINE: _objectSpread(_objectSpread({}, defaultTooltipStyle), {}, {
+    trigger: 'axis'
+  }),
+  PIE: {
+    trigger: 'item'
+  },
+  NONE: {
+    trigger: 'none'
+  }
+};
+export default TOOLTIP_LIST;

package/dist/esm/charts/SuperChart/configStyle/visualMap.js

@@ -0,0 +1,18 @@
+var VISUAL_MAP = {
+  ALARM_LINE: {
+    show: false,
+    dimension: 2,
+    // 指向第三列（列序号从 0 开始记，所以设置为 2）。
+    categories: ['1', '2', '3'],
+    inRange: {
+      symbolSize: 6,
+      symbol: 'diamond',
+      color: 'red'
+    },
+    outOfRange: {
+      symbolSize: 5,
+      symbol: 'circle'
+    }
+  }
+};
+export default VISUAL_MAP;

package/dist/esm/charts/SuperChart/configStyle/xAxis.js

@@ -0,0 +1,19 @@
+var X_AXIS_LIST = {
+  CATEGORY: {
+    type: 'category'
+  },
+  TIME: {
+    type: 'time'
+  },
+  REPORT_CATEGORY: {
+    type: 'category',
+    axisLine: {
+      onZero: true,
+      lineStyle: {
+        type: 'solid',
+        color: 'rgba(255,255,255, 0.6)'
+      }
+    }
+  }
+};
+export default X_AXIS_LIST;

package/dist/esm/charts/SuperChart/configStyle/yAxis.js

@@ -0,0 +1,56 @@
+var Y_AXIS_LIST = {
+  VALUE_UNIT: {
+    type: 'value',
+    axisLine: {
+      show: false
+    },
+    nameTextStyle: {
+      padding: [7, 15, 0, -23]
+    }
+  },
+  VALUE_SCALE: {
+    type: 'value',
+    scale: true,
+    axisLine: {
+      show: false
+    },
+    nameTextStyle: {
+      padding: [7, 15, 0, -23]
+    }
+  },
+  UNIT: {
+    type: 'value',
+    axisLine: {
+      show: false
+    }
+  },
+  DOUBLE_Y_AXIS: [{
+    type: 'value',
+    position: 'left',
+    alignTicks: true,
+    axisLine: {
+      show: false
+    },
+    nameTextStyle: {
+      padding: [0, 0, 0, -70]
+    },
+    //有两个y轴，所以需要隐藏一条分割线
+    splitLine: {
+      show: false
+    }
+  }, {
+    type: 'value',
+    position: 'right',
+    alignTicks: true,
+    nameTextStyle: {
+      padding: [7, -70, 0, 0]
+    },
+    axisLine: {
+      show: false
+    }
+    // splitLine: {
+    //   show: false,
+    // },
+  }]
+};
+export default Y_AXIS_LIST;

package/dist/esm/charts/SuperChart/interface.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/charts/chartTheme/colorUtil.js

@@ -0,0 +1,22 @@
+var color1 = ['#DBE8FF', '#DEFAE4', '#FEEEDA', '#E0E3FC', '#D9F9F1', '#FEF3D3', '#FCE0E2', '#DAf8fb', '#fee5dd', '#ede0fc', '#dbf1fc', '#fbe4f7'];
+var color2 = ['#c2dbff', '#c4f5ce', '#fce4c5', '#cbd1f7', '#b6f0e1', '#feedbc', '#f7cdd0', '#bcf0f5', '#fcd8cc', '#e0cdf7', '#c3e6f7', '#f2d0ed'];
+var color3 = ['#a3c3ff', '#aeebb8', '#fbdbb5', '#b9bff1', '#a4e9d8', '#ffe7a4', '#f3b7bb', '#a1e9ef', '#facbbc', '#d3b9f2', '#aedbf5', '#eec0e6'];
+var color4 = ['#80b2ff', '#87e096', '#fad1a0', '#9fa7ec', '#82e0c9', '#ffe08c', '#ef9da2', '#80e0e8', '#f7b8a3', '#bf9beb', '#83c9f2', '#e7a9dd'];
+var color5 = ['#5c9dff', '#67d679', '#f5c489', '#858fe7', '#56d6b7', '#ffd970', '#eb8188', '#5ad6e0', '#f59d7f', '#ab79eb', '#68bded', '#e191d3'];
+var color6 = ['#3888ff', '#47d05d', '#f5ae59', '#626fe0', '#33cca7', '#ffd261', '#e55e66', '#2cccdb', '#f48a68', '#9d62e2'];
+var color7 = ['#1467ff', '#30c147', '#f4a547', '#515fdd', '#1dc79e', '#ffcb47', '#d74851', '#14bdcc', '#e77754', '#9251df', '#34a5e5', '#c95db7', '#48aee7', '#d871c7'];
+var color8 = ['#1a66f2', '#28b840', '#e5a85c', '#4d5ad2', '#1cbd96', '#ebb631', '#c04148', '#12a9b8', '#e06c48', '#864acc', '#2e93cc', '#bd57ac'];
+var color9 = ['#1161d9', '#1ba832', '#cf8c3c', '#4551bc', '#19a886', '#cc9e2b', '#ad3a41', '#1096a3', '#b8583b', '#7843b8', '2a85b8', '#ab4f9c'];
+var color10 = ['#0f52b8', '#1d8f30', '#b07733', '#3a449f', '#158a6e', '#9e7b21', '#993339', '#0e8894', '#a35137', '#6b2ba3', '#236e99', '#99478b'];
+export var ANALYSIS_COLOR_LIST = ['#0F52B8', '#B8583B', '#1CBD96', '#99478B', '#14BDCC', '#F48A68', '#AB79E8', '#83C9F2', '#EEC0E6', '#DBE8FF', '#A3C3FF', '#80B2FF', '#5C9DFF', '#3888FF', '#1467FF', '#1A66F2', '#1161D9', '#0C4191', '#093270', '#E0E3FC', '#CBD1F7', '#B9BFF1', '#9FA7EC', '#858FE7', '#626FE0', '#515FDD', '#4D5AD2', '#3A449F', '#2E367E', '#272D68', '#D9F9F1', '#B6F0E1', '#A4E9D8', '#82E0C9', '#56D6B7', '#33CCA7', '#1DC79E', '#19A886', '#158A6E', '#0A6650', '#0B4E3E', '#DAF8FB', '#BCF0F5', '#A1E9EF', '#80E0E8', '#5AD6E0', '#2CCCDB', '#12A9B8', '#1096A3', '#0E8894', '#0C717B', '#084E54', '#FEE5DD', '#FCD8CC', '#FACBBC', '#F7B8A3', '#F59D7F', '#E77754', '#E06C48', '#4551BC', '#A35137', '#8B4732', '#5F3122', '#EDE0FC', '#E0CDF7', '#D3B9F2', '#BF9BEB', '#9D62E2', '#9251DF', '#864ACC', '#7843B8', '#6B3BA3', '#532E7F', '#402461', '#DBF1FC', '#C3E6F7', '#AEDBF5', '#68BDED', '#48AEE7', '#34A5E5', '#2E93CC', '#2A85B8', '#236E99', '#1E5E83', '#174762', '#FBE4F7', '#F2D0ED', '#E7A9DD', '#E191D3', '#D871C7', '#C95DB7', '#BD57AC', '#AB4F9C', '#C2D8FF', '#79386E', '#53264B'];
+export var PIE_CHART_COLOR_LIST = ['#9251DF', '#515FDD', '#14BDCC', '#1467FF', '#FFCB47', '#C95DB7', '#1DC79E', '#F4A547', '#30C147', '#34A5E5'];
+export var ANALYSIS_COLOR_LIST_NEW = [].concat(color7, color9, color10, color1, color2, color8, color5, color6, color4, color3);
+export var ANALYSIS_COLOR_LIST_LIGHT = [].concat(color6, color8, color9, color10, color5, color3, color1, color7, color4, color2);
+export var BATTERY_PACK_COLOR = {
+  0: '#19D56B',
+  1: '#FFCB47',
+  2: '#F4A547',
+  3: '#D74851',
+  alarm: '#9740FF',
+  clear: '#14bdcc'
+};