@cgeui/utils 0.0.1 → 0.0.3

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

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+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,
+    // },
+  }]
+};
+var _default = exports.default = Y_AXIS_LIST;

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PIE_CHART_COLOR_LIST = exports.BATTERY_PACK_COLOR = exports.ANALYSIS_COLOR_LIST_NEW = exports.ANALYSIS_COLOR_LIST_LIGHT = exports.ANALYSIS_COLOR_LIST = void 0;
+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'];
+var ANALYSIS_COLOR_LIST = exports.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'];
+var PIE_CHART_COLOR_LIST = exports.PIE_CHART_COLOR_LIST = ['#9251DF', '#515FDD', '#14BDCC', '#1467FF', '#FFCB47', '#C95DB7', '#1DC79E', '#F4A547', '#30C147', '#34A5E5'];
+var ANALYSIS_COLOR_LIST_NEW = exports.ANALYSIS_COLOR_LIST_NEW = [].concat(color7, color9, color10, color1, color2, color8, color5, color6, color4, color3);
+var ANALYSIS_COLOR_LIST_LIGHT = exports.ANALYSIS_COLOR_LIST_LIGHT = [].concat(color6, color8, color9, color10, color5, color3, color1, color7, color4, color2);
+var BATTERY_PACK_COLOR = exports.BATTERY_PACK_COLOR = {
+  0: '#19D56B',
+  1: '#FFCB47',
+  2: '#F4A547',
+  3: '#D74851',
+  alarm: '#9740FF',
+  clear: '#14bdcc'
+};

package/dist/lib/charts/chartTheme/darkChart.js

@@ -0,0 +1,514 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.darkPieChartTheme = exports.darkChartTheme = void 0;
+var _themeColor = require("./themeColor");
+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 legend = {
+  itemWidth: 8,
+  itemHeight: 8,
+  textStyle: {
+    color: "rgba(255, 255, 255, 0.85)"
+  },
+  itemStyle: {
+    opacity: 0.85
+  },
+  icon: 'diamond',
+  right: 0,
+  pageIconSize: 10,
+  // 翻页按钮大小
+  pageIconColor: "rgba(255,255,255, 0.7)",
+  // 可以翻页
+  pageIconInactiveColor: "rgba(255,255,255, 0.3)",
+  // 不能翻页
+  pageTextStyle: {
+    color: "rgba(255, 255, 255, 0.85)"
+  }
+};
+var barBackground = {
+  showBackground: true,
+  backgroundStyle: {
+    color: _themeColor.themeColor.grey,
+    opacity: 0.0857
+  }
+};
+var tooltip = {
+  trigger: "axis",
+  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: "#fff"
+  },
+  padding: 10,
+  className: "frosted-glass",
+  extraCssText: "max-height: 240px; max-width: 400px; overflow: auto;box-shadow: 0 0 60px rgba(0, 0, 0, 0.3);",
+  appendToBody: true,
+  enterable: true,
+  confine: true
+};
+var colorArr = ["#00B42A", "#F4A547", "#525FDD", "#FFCB47", "#34A5E5", "#E67754", "#13BDCC", "#C85DB8", "#30C147", "#9251DE"];
+var darkPieChartTheme = exports.darkPieChartTheme = {
+  color: colorArr,
+  backgroundColor: "transparent",
+  textStyle: {},
+  title: {
+    textStyle: {
+      color: _themeColor.themeColor.white
+    },
+    subtextStyle: {
+      color: _themeColor.themeColor["white-1"]
+    }
+  },
+  legend: {
+    itemWidth: 6,
+    itemHeight: 6,
+    textStyle: {
+      color: "rgba(255, 255, 255, 0.85)"
+    },
+    itemStyle: {
+      opacity: 0.85
+    },
+    icon: "circle",
+    right: 0,
+    pageIconSize: 10,
+    // 翻页按钮大小
+    pageIconColor: "rgba(255,255,255, 0.7)",
+    // 可以翻页
+    pageIconInactiveColor: "rgba(255,255,255, 0.3)",
+    // 不能翻页
+    pageTextStyle: {
+      color: "rgba(255, 255, 255, 0.85)"
+    }
+  },
+  tooltip: tooltip
+};
+var darkChartTheme = exports.darkChartTheme = {
+  color: colorArr,
+  backgroundColor: "transparent",
+  textStyle: {},
+  title: {
+    textStyle: {
+      color: _themeColor.themeColor.white
+    },
+    subtextStyle: {
+      color: _themeColor.themeColor["white-1"]
+    }
+  },
+  line: {
+    itemStyle: {
+      borderWidth: 1
+    },
+    lineStyle: {
+      width: 2
+    },
+    symbolSize: 4,
+    symbol: "emptyCircle"
+    // smooth: true,
+  },
+  radar: {
+    itemStyle: {
+      borderWidth: 1
+    },
+    lineStyle: {
+      width: 2
+    },
+    symbolSize: 4,
+    symbol: "emptyCircle",
+    smooth: false
+  },
+  bar: _objectSpread(_objectSpread({}, barBackground), {}, {
+    barWidth: 16,
+    itemStyle: {
+      barBorderWidth: 0,
+      barBorderColor: "#ccc"
+    },
+    label: {
+      color: "#fff",
+      fontWeight: 500,
+      fontSize: 14
+    }
+  }),
+  pie: {
+    itemStyle: {
+      borderWidth: 3,
+      borderColor: "#0B1227"
+    }
+  },
+  scatter: {
+    itemStyle: {
+      borderWidth: 0,
+      borderColor: "#ccc"
+    }
+  },
+  boxplot: {},
+  parallel: {
+    itemStyle: {
+      borderWidth: 0,
+      borderColor: "#ccc"
+    }
+  },
+  sankey: {
+    itemStyle: {
+      borderWidth: 0,
+      borderColor: "#ccc"
+    }
+  },
+  funnel: {
+    itemStyle: {
+      borderWidth: 0,
+      borderColor: "#ccc"
+    }
+  },
+  gauge: {
+    itemStyle: {
+      borderWidth: 0,
+      borderColor: "#ccc"
+    }
+  },
+  candlestick: {
+    itemStyle: {
+      color: "#c12e34",
+      color0: "#2b821d",
+      borderColor: "#c12e34",
+      borderColor0: "#2b821d",
+      borderWidth: 1
+    }
+  },
+  graph: {
+    itemStyle: {
+      borderWidth: 0,
+      borderColor: "#ccc"
+    },
+    lineStyle: {
+      width: 1,
+      color: "#aaaaaa"
+    },
+    symbolSize: 4,
+    symbol: "emptyCircle",
+    smooth: false,
+    color: ["#c12e34", "#e6b600", "#0098d9", "#2b821d", "#005eaa", "#339ca8", "#cda819", "#32a487"],
+    label: {
+      color: "#eeeeee"
+    }
+  },
+  map: {
+    itemStyle: {
+      areaColor: "#ddd",
+      borderColor: "#eee",
+      borderWidth: 0.5
+    },
+    label: {
+      color: "#c12e34"
+    },
+    emphasis: {
+      itemStyle: {
+        areaColor: "#e6b600",
+        borderColor: "#ddd",
+        borderWidth: 1
+      },
+      label: {
+        color: "#c12e34"
+      }
+    }
+  },
+  geo: {
+    itemStyle: {
+      areaColor: "#ddd",
+      borderColor: "#eee",
+      borderWidth: 0.5
+    },
+    label: {
+      color: "#c12e34"
+    },
+    emphasis: {
+      itemStyle: {
+        areaColor: "#e6b600",
+        borderColor: "#ddd",
+        borderWidth: 1
+      },
+      label: {
+        color: "#c12e34"
+      }
+    }
+  },
+  categoryAxis: {
+    axisLine: {
+      show: true,
+      lineStyle: {
+        type: "solid",
+        color: "#414961",
+        width: 1.5
+      }
+    },
+    axisTick: {
+      show: false,
+      lineStyle: {
+        color: "#414961"
+      }
+    },
+    nameTextStyle: {
+      color: _themeColor.themeColor.white,
+      opacity: 0.85
+    },
+    axisLabel: {
+      show: true,
+      color: _themeColor.themeColor["white-9"],
+      hideOverlap: true
+    },
+    splitLine: {
+      show: false,
+      lineStyle: {
+        type: "dashed",
+        color: _themeColor.themeColor["white-5"]
+      }
+    },
+    splitArea: {
+      show: false,
+      areaStyle: {
+        color: ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
+      }
+    }
+  },
+  valueAxis: {
+    scale: true,
+    axisLine: {
+      show: false,
+      lineStyle: {
+        type: "solid",
+        color: "#414961",
+        width: 1.5
+      }
+    },
+    axisTick: {
+      show: false,
+      lineStyle: {
+        color: "#414961"
+      }
+    },
+    axisLabel: {
+      show: true,
+      margin: 15,
+      color: _themeColor.themeColor["white-9"],
+      hideOverlap: true
+    },
+    splitLine: {
+      show: true,
+      lineStyle: {
+        type: "dashed",
+        color: _themeColor.themeColor["white-5"]
+      }
+    },
+    splitArea: {
+      show: false,
+      areaStyle: {
+        color: ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
+      }
+    },
+    nameTextStyle: {
+      color: _themeColor.themeColor.white,
+      opacity: 0.85
+    }
+  },
+  logAxis: {
+    axisLine: {
+      show: true,
+      lineStyle: {
+        color: "#414961"
+      }
+    },
+    axisTick: {
+      show: true,
+      lineStyle: {
+        color: "#414961"
+      }
+    },
+    axisLabel: {
+      show: true,
+      color: _themeColor.themeColor["white-9"],
+      hideOverlap: true
+    },
+    splitLine: {
+      show: true,
+      lineStyle: {
+        type: "dashed",
+        color: _themeColor.themeColor["white-5"]
+      }
+    },
+    splitArea: {
+      show: false,
+      areaStyle: {
+        color: ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
+      }
+    }
+  },
+  timeAxis: {
+    axisLine: {
+      show: true,
+      lineStyle: {
+        type: "solid",
+        color: "#414961",
+        width: 1.5
+      }
+    },
+    axisTick: {
+      show: false,
+      lineStyle: {
+        color: "#414961"
+      }
+    },
+    axisLabel: {
+      show: true,
+      color: _themeColor.themeColor["white-9"],
+      formatter: {
+        year: "{yyyy}",
+        month: "{MMM}",
+        day: "{d}",
+        hour: "{HH}:{mm}",
+        minute: "{HH}:{mm}",
+        second: "{HH}:{mm}:{ss}"
+      },
+      hideOverlap: true
+    },
+    splitLine: {
+      show: false,
+      lineStyle: {
+        type: "dashed",
+        color: _themeColor.themeColor["white-5"]
+      }
+    },
+    splitArea: {
+      show: false
+    },
+    nameTextStyle: {
+      color: _themeColor.themeColor.white,
+      opacity: 0.85
+    }
+  },
+  toolbox: {
+    iconStyle: {
+      borderColor: "#06467c"
+    },
+    emphasis: {
+      iconStyle: {
+        borderColor: "#4187c2"
+      }
+    }
+  },
+  legend: legend,
+  tooltip: tooltip,
+  timeline: {
+    lineStyle: {
+      color: "#005eaa",
+      width: 1
+    },
+    itemStyle: {
+      color: "#005eaa",
+      borderWidth: 1
+    },
+    controlStyle: {
+      color: "#005eaa",
+      borderColor: "#005eaa",
+      borderWidth: 0.5
+    },
+    checkpointStyle: {
+      color: "#005eaa",
+      borderColor: "#316bc2"
+    },
+    label: {
+      color: "#005eaa"
+    },
+    emphasis: {
+      itemStyle: {
+        color: "#005eaa"
+      },
+      controlStyle: {
+        color: "#005eaa",
+        borderColor: "#005eaa",
+        borderWidth: 0.5
+      },
+      label: {
+        color: "#005eaa"
+      }
+    }
+  },
+  visualMap: {
+    color: ["#1790cf", "#a2d4e6"],
+    textStyle: {
+      color: "#fff"
+    }
+  },
+  dataZoom: {
+    backgroundColor: "rgba(47,69,84,0)",
+    dataBackgroundColor: "rgba(47,69,84,0.3)",
+    fillerColor: "rgba(167,183,204,0.4)",
+    handleColor: "#a7b7cc",
+    handleSize: "100%",
+    textStyle: {
+      color: "#333333"
+    }
+  },
+  markPoint: {
+    label: {
+      color: "#eeeeee"
+    },
+    emphasis: {
+      label: {
+        color: "#eeeeee"
+      }
+    }
+  },
+  categoryAxis3D: {
+    axisLabel: {
+      color: "rgba(255, 255, 255, 0.5)",
+      hideOverlap: true
+    },
+    axisLine: {
+      lineStyle: {
+        type: "solid",
+        color: "#414961",
+        width: 1.5
+      }
+    },
+    splitLine: {
+      show: true,
+      lineStyle: {
+        type: "dashed",
+        color: "rgba(255, 255, 255, 0.2)"
+      }
+    }
+  },
+  valueAxis3D: {
+    axisLabel: {
+      color: "rgba(255, 255, 255, 0.5)",
+      hideOverlap: true
+    },
+    axisLine: {
+      lineStyle: {
+        type: "solid",
+        color: "#414961",
+        width: 1.5
+      }
+    },
+    splitLine: {
+      show: true,
+      lineStyle: {
+        type: "dashed",
+        color: "rgba(255, 255, 255, 0.2)"
+      }
+    }
+  }
+};