@vtx/modals2 2.15.54 → 2.15.56

package/lib/vm-charts/Distribute1.js

@@ -0,0 +1,136 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _groupBy = _interopRequireDefault(require("lodash/groupBy"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+var xAxis = _toConsumableArray(new Array(24)).map(function (_, index) {
+  return add0(index);
+});
+function add0(num) {
+  return num >= 10 ? num.toString() : "0".concat(num);
+}
+function transferData(data) {
+  var chartData = [];
+  var dataGroupByDate = (0, _groupBy["default"])(data, 'date');
+  var count = 0;
+  for (var key in dataGroupByDate) {
+    dataGroupByDate[key].forEach(function (item, index) {
+      chartData.push([index, count, item.value]);
+    });
+    count++;
+  }
+  return {
+    yAxis: Object.keys(dataGroupByDate).map(function (item) {
+      return item.substring(5);
+    }),
+    chartData: chartData
+  };
+}
+var getGaugeOption = function getGaugeOption(_ref) {
+  var _ref$data = _ref.data,
+    data = _ref$data === void 0 ? [] : _ref$data;
+  var _transferData = transferData(data),
+    yAxis = _transferData.yAxis,
+    chartData = _transferData.chartData;
+  var max = Math.max.apply(Math, _toConsumableArray(chartData.map(function (item) {
+    return item[2];
+  })));
+  if (!(chartData === null || chartData === void 0 ? void 0 : chartData.length)) return {};
+  return {
+    tooltip: {
+      position: 'top',
+      formatter: function formatter(params) {
+        var value = params.value,
+          marker = params.marker;
+        var date = yAxis[value[1]];
+        var hour = "".concat(add0(value[0]), ":00-").concat(add0(value[0] + 1), ":00");
+        return "<div>".concat(date, " ").concat(hour, "</div><div>").concat(marker, " \u6295\u653E\u6B21\u6570\uFF1A").concat(value[2], "\u6B21</div>");
+      }
+    },
+    grid: {
+      top: 50,
+      bottom: 0,
+      right: 0,
+      left: 0,
+      containLabel: true
+    },
+    xAxis: {
+      type: 'category',
+      data: xAxis,
+      splitArea: {
+        show: true
+      },
+      axisLabel: {
+        interval: 0,
+        color: '#fff'
+      },
+      axisTick: {
+        show: false
+      }
+    },
+    yAxis: {
+      type: 'category',
+      data: yAxis,
+      splitArea: {
+        show: true
+      },
+      axisLabel: {
+        color: '#fff',
+        interval: 0
+      },
+      axisTick: {
+        show: false
+      }
+    },
+    visualMap: {
+      // type: 'piecewise',
+      min: 0,
+      max: max,
+      calculable: true,
+      orient: 'horizontal',
+      left: 'center',
+      top: 0,
+      inRange: {
+        color: ['#364357', '#00759C', '#29A8F0', '#F5B829', '#E7473F']
+      },
+      textStyle: {
+        color: '#fff'
+      }
+    },
+    series: [{
+      name: '24h分布',
+      type: 'heatmap',
+      data: chartData,
+      label: {
+        show: true
+      },
+      emphasis: {
+        itemStyle: {
+          shadowBlur: 10,
+          shadowColor: 'rgba(0, 0, 0, 0.5)'
+        }
+      }
+    }]
+  };
+};
+var Distribute1 = function Distribute1(props) {
+  return /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: getGaugeOption(props),
+    style: {
+      height: '100%'
+    }
+  });
+};
+var _default = exports["default"] = Distribute1;
+//# sourceMappingURL=Distribute1.js.map

package/lib/vm-charts/Distribute1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Distribute1.js","names":["_react","_interopRequireDefault","require","_groupBy","_echartsForReact","e","__esModule","_toConsumableArray","r","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","a","_arrayLikeToArray","t","toString","call","slice","constructor","name","Array","from","test","Symbol","iterator","isArray","length","n","xAxis","map","_","index","add0","num","concat","transferData","data","chartData","dataGroupByDate","groupBy","count","key","forEach","item","push","value","yAxis","Object","keys","substring","getGaugeOption","_ref","_ref$data","_transferData","max","Math","apply","tooltip","position","formatter","params","marker","date","hour","grid","top","bottom","right","left","containLabel","type","splitArea","show","axisLabel","interval","color","axisTick","visualMap","min","calculable","orient","inRange","textStyle","series","label","emphasis","itemStyle","shadowBlur","shadowColor","Distribute1","props","React","createElement","ReactEcharts","option","style","height","_default","exports"],"sources":["vm-charts/Distribute1.js"],"sourcesContent":["import React from 'react';\nimport groupBy from 'lodash/groupBy';\nimport ReactEcharts from 'echarts-for-react';\nconst xAxis = [...new Array(24)].map((_, index) => add0(index));\nfunction add0(num) {\n    return num >= 10 ? num.toString() : `0${num}`;\n}\nfunction transferData(data) {\n    const chartData = [];\n    const dataGroupByDate = groupBy(data, 'date');\n    let count = 0;\n    for (const key in dataGroupByDate) {\n        dataGroupByDate[key].forEach((item, index) => {\n            chartData.push([index, count, item.value]);\n        });\n        count++;\n    }\n    return {\n        yAxis: Object.keys(dataGroupByDate).map(item => item.substring(5)),\n        chartData,\n    };\n}\nconst getGaugeOption = ({ data = [] }) => {\n    const { yAxis, chartData } = transferData(data);\n    const max = Math.max(...chartData.map(item => item[2]));\n    if (!(chartData === null || chartData === void 0 ? void 0 : chartData.length))\n        return {};\n    return {\n        tooltip: {\n            position: 'top',\n            formatter: (params) => {\n                const { value, marker } = params;\n                const date = yAxis[value[1]];\n                const hour = `${add0(value[0])}:00-${add0(value[0] + 1)}:00`;\n                return `<div>${date} ${hour}</div><div>${marker} 投放次数：${value[2]}次</div>`;\n            },\n        },\n        grid: {\n            top: 50,\n            bottom: 0,\n            right: 0,\n            left: 0,\n            containLabel: true,\n        },\n        xAxis: {\n            type: 'category',\n            data: xAxis,\n            splitArea: {\n                show: true,\n            },\n            axisLabel: {\n                interval: 0,\n                color: '#fff',\n            },\n            axisTick: {\n                show: false,\n            },\n        },\n        yAxis: {\n            type: 'category',\n            data: yAxis,\n            splitArea: {\n                show: true,\n            },\n            axisLabel: {\n                color: '#fff',\n                interval: 0,\n            },\n            axisTick: {\n                show: false,\n            },\n        },\n        visualMap: {\n            // type: 'piecewise',\n            min: 0,\n            max: max,\n            calculable: true,\n            orient: 'horizontal',\n            left: 'center',\n            top: 0,\n            inRange: {\n                color: ['#364357', '#00759C', '#29A8F0', '#F5B829', '#E7473F'],\n            },\n            textStyle: {\n                color: '#fff',\n            },\n        },\n        series: [\n            {\n                name: '24h分布',\n                type: 'heatmap',\n                data: chartData,\n                label: {\n                    show: true,\n                },\n                emphasis: {\n                    itemStyle: {\n                        shadowBlur: 10,\n                        shadowColor: 'rgba(0, 0, 0, 0.5)',\n                    },\n                },\n            },\n        ],\n    };\n};\nconst Distribute1 = (props) => {\n    return React.createElement(ReactEcharts, { option: getGaugeOption(props), style: { height: '100%' } });\n};\nexport default Distribute1;\n"],"mappings":"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","ignoreList":[]}

package/lib/vm-charts/Gauge1.js

@@ -0,0 +1,148 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var getGaugeOption = function getGaugeOption(_ref) {
+  var _ref$num = _ref.num,
+    num = _ref$num === void 0 ? 0 : _ref$num,
+    _ref$min = _ref.min,
+    min = _ref$min === void 0 ? 0 : _ref$min,
+    _ref$average = _ref.average,
+    average = _ref$average === void 0 ? 0 : _ref$average,
+    _ref$max = _ref.max,
+    max = _ref$max === void 0 ? 100 : _ref$max,
+    _ref$name = _ref.name,
+    name = _ref$name === void 0 ? '' : _ref$name,
+    _ref$unit = _ref.unit,
+    unit = _ref$unit === void 0 ? '' : _ref$unit;
+  var good = Number(num) > Number(average);
+  return {
+    title: {
+      left: 'center',
+      top: '60%',
+      text: "{a|".concat(name, "}\n{b|").concat(good ? '优于均值' : '差于均值', "}"),
+      textStyle: {
+        rich: {
+          a: {
+            color: '#fff',
+            fontSize: 14,
+            lineHeight: 40
+          },
+          b: {
+            color: good ? '#63FFC6' : '#FFCD36',
+            fontSize: 14
+          }
+        }
+      }
+    },
+    series: [{
+      type: 'gauge',
+      center: ['50%', '50%'],
+      radius: '75%',
+      startAngle: 200,
+      endAngle: -20,
+      min: min,
+      max: max,
+      splitNumber: 10,
+      progress: {
+        show: true,
+        width: 10,
+        itemStyle: {
+          color: {
+            type: 'linear',
+            x: 0,
+            y: 0,
+            x2: 0,
+            y2: 1,
+            colorStops: [{
+              offset: 0,
+              color: good ? '#50F0FF' : '#FFBE31'
+            }, {
+              offset: 1,
+              color: good ? '#3EA6FF' : '#FF4800'
+            }]
+          }
+        }
+      },
+      pointer: {
+        show: false
+      },
+      axisLine: {
+        lineStyle: {
+          width: 10
+        }
+      },
+      axisTick: {
+        distance: -20,
+        length: 5,
+        splitNumber: 5,
+        lineStyle: {
+          width: 1,
+          color: '#999'
+        }
+      },
+      splitLine: {
+        distance: -23,
+        length: 8,
+        lineStyle: {
+          width: 2,
+          color: '#999'
+        }
+      },
+      axisLabel: {
+        show: false,
+        distance: -12,
+        color: '#999',
+        fontSize: 12
+      },
+      anchor: {
+        show: false
+      },
+      title: {
+        show: false
+      },
+      detail: {
+        valueAnimation: true,
+        width: '60%',
+        borderRadius: 8,
+        offsetCenter: [0, 0],
+        fontWeight: 'bolder',
+        formatter: average === false ? "{a|".concat(num, "}{b|").concat(unit, "}") : "{a|".concat(num, "}{b|").concat(unit, "}\n{c|\u5747\u503C").concat(average).concat(unit, "}"),
+        textStyle: {
+          rich: {
+            a: {
+              color: '#fff',
+              fontSize: 24
+            },
+            b: {
+              color: '#fff',
+              fontSize: 12
+            },
+            c: {
+              color: '#9BA8B0',
+              fontSize: 12
+            }
+          }
+        }
+      },
+      data: [{
+        value: num
+      }]
+    }]
+  };
+};
+var Gauge1 = function Gauge1(props) {
+  return /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: getGaugeOption(props),
+    style: {
+      height: '100%'
+    }
+  });
+};
+var _default = exports["default"] = Gauge1;
+//# sourceMappingURL=Gauge1.js.map

package/lib/vm-charts/Gauge1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gauge1.js","names":["_react","_interopRequireDefault","require","_echartsForReact","e","__esModule","getGaugeOption","_ref","_ref$num","num","_ref$min","min","_ref$average","average","_ref$max","max","_ref$name","name","_ref$unit","unit","good","Number","title","left","top","text","concat","textStyle","rich","a","color","fontSize","lineHeight","b","series","type","center","radius","startAngle","endAngle","splitNumber","progress","show","width","itemStyle","x","y","x2","y2","colorStops","offset","pointer","axisLine","lineStyle","axisTick","distance","length","splitLine","axisLabel","anchor","detail","valueAnimation","borderRadius","offsetCenter","fontWeight","formatter","c","data","value","Gauge1","props","React","createElement","ReactEcharts","option","style","height","_default","exports"],"sources":["vm-charts/Gauge1.js"],"sourcesContent":["import React from 'react';\nimport ReactEcharts from 'echarts-for-react';\nconst getGaugeOption = ({ num = 0, min = 0, average = 0, max = 100, name = '', unit = '', }) => {\n    const good = Number(num) > Number(average);\n    return {\n        title: {\n            left: 'center',\n            top: '60%',\n            text: `{a|${name}}\\n{b|${good ? '优于均值' : '差于均值'}}`,\n            textStyle: {\n                rich: {\n                    a: {\n                        color: '#fff',\n                        fontSize: 14,\n                        lineHeight: 40,\n                    },\n                    b: {\n                        color: good ? '#63FFC6' : '#FFCD36',\n                        fontSize: 14,\n                    },\n                },\n            },\n        },\n        series: [\n            {\n                type: 'gauge',\n                center: ['50%', '50%'],\n                radius: '75%',\n                startAngle: 200,\n                endAngle: -20,\n                min,\n                max,\n                splitNumber: 10,\n                progress: {\n                    show: true,\n                    width: 10,\n                    itemStyle: {\n                        color: {\n                            type: 'linear',\n                            x: 0,\n                            y: 0,\n                            x2: 0,\n                            y2: 1,\n                            colorStops: [\n                                {\n                                    offset: 0,\n                                    color: good ? '#50F0FF' : '#FFBE31',\n                                },\n                                {\n                                    offset: 1,\n                                    color: good ? '#3EA6FF' : '#FF4800',\n                                },\n                            ],\n                        },\n                    },\n                },\n                pointer: {\n                    show: false,\n                },\n                axisLine: {\n                    lineStyle: {\n                        width: 10,\n                    },\n                },\n                axisTick: {\n                    distance: -20,\n                    length: 5,\n                    splitNumber: 5,\n                    lineStyle: {\n                        width: 1,\n                        color: '#999',\n                    },\n                },\n                splitLine: {\n                    distance: -23,\n                    length: 8,\n                    lineStyle: {\n                        width: 2,\n                        color: '#999',\n                    },\n                },\n                axisLabel: {\n                    show: false,\n                    distance: -12,\n                    color: '#999',\n                    fontSize: 12,\n                },\n                anchor: {\n                    show: false,\n                },\n                title: {\n                    show: false,\n                },\n                detail: {\n                    valueAnimation: true,\n                    width: '60%',\n                    borderRadius: 8,\n                    offsetCenter: [0, 0],\n                    fontWeight: 'bolder',\n                    formatter: average === false\n                        ? `{a|${num}}{b|${unit}}`\n                        : `{a|${num}}{b|${unit}}\\n{c|均值${average}${unit}}`,\n                    textStyle: {\n                        rich: {\n                            a: {\n                                color: '#fff',\n                                fontSize: 24,\n                            },\n                            b: {\n                                color: '#fff',\n                                fontSize: 12,\n                            },\n                            c: {\n                                color: '#9BA8B0',\n                                fontSize: 12,\n                            },\n                        },\n                    },\n                },\n                data: [\n                    {\n                        value: num,\n                    },\n                ],\n            },\n        ],\n    };\n};\nconst Gauge1 = (props) => {\n    return React.createElement(ReactEcharts, { option: getGaugeOption(props), style: { height: '100%' } });\n};\nexport default Gauge1;\n"],"mappings":"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","ignoreList":[]}

package/lib/vm-charts/Line.js

@@ -0,0 +1,211 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _icons = _interopRequireDefault(require("@ant-design/icons"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var _utils = require("@vtx/utils");
+var _useSettings2 = _interopRequireDefault(require("../vm-hooks/useSettings"));
+require("./index.less");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+var getOption = function getOption(_ref) {
+  var _ref$xAxis = _ref.xAxis,
+    xAxis = _ref$xAxis === void 0 ? [] : _ref$xAxis,
+    _ref$data = _ref.data,
+    data = _ref$data === void 0 ? [] : _ref$data,
+    _ref$dataZoomShow = _ref.dataZoomShow,
+    dataZoomShow = _ref$dataZoomShow === void 0 ? true : _ref$dataZoomShow,
+    _ref$xAxisConfig = _ref.xAxisConfig,
+    xAxisConfig = _ref$xAxisConfig === void 0 ? [] : _ref$xAxisConfig,
+    isDark = _ref.isDark;
+  var textColor = isDark ? '#fff' : '#929292';
+  var bgColor = isDark ? '#0C2A48' : '#fff';
+  var borderColor = isDark ? '#1E4771' : '#fff';
+  return {
+    color: ['#0E85FF', '#49FF81', '#26D4FF', '#F5D629', '#C97CFF'],
+    toolbox: {
+      show: false,
+      feature: {
+        saveAsImage: {
+          show: true,
+          excludeComponents: ['toolbox'],
+          pixelRatio: 2
+        }
+      }
+    },
+    tooltip: {
+      trigger: 'axis',
+      backgroundColor: bgColor,
+      borderColor: borderColor,
+      textStyle: {
+        color: textColor
+      },
+      confine: true
+    },
+    legend: {
+      type: 'scroll',
+      top: 0,
+      left: 'center',
+      textStyle: {
+        color: textColor
+      }
+    },
+    grid: {
+      top: 50,
+      left: 40,
+      right: 40,
+      bottom: dataZoomShow ? 50 : 0,
+      containLabel: true
+    },
+    xAxis: [{
+      type: 'category',
+      boundaryGap: true,
+      data: xAxis,
+      axisTick: {
+        show: true
+      },
+      axisLine: {
+        show: true
+      },
+      z: 10,
+      axisLabel: {
+        color: textColor
+      }
+    }].concat(_toConsumableArray(xAxisConfig)),
+    yAxis: {
+      name: '',
+      nameTextStyle: {
+        color: textColor
+      },
+      axisLine: {
+        show: true
+      },
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: textColor
+      },
+      minInterval: 1,
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: 'rgba(255,255,255,0.2)'
+        }
+      }
+    },
+    series: data.map(function (item) {
+      return Object.assign(Object.assign({
+        type: 'line',
+        name: item.name,
+        smooth: true,
+        // showSymbol: false, // 不展示点
+        symbolSize: 4
+      }, item), {
+        data: item.data,
+        connectNulls: false,
+        xAxisIndex: item.xAxisIndex,
+        color: item.color || '',
+        label: item.label ? item.label : {}
+      });
+    }),
+    dataZoom: dataZoomShow ? [{
+      // 这个dataZoom组件，默认控制x轴。
+      type: 'slider',
+      start: 0,
+      end: 100,
+      fillerColor: 'rgba(97, 212, 225, 0.35)',
+      borderColor: 'rgba(97, 212, 225, 0.35)',
+      handleIcon: 'M10.7,11.9H9.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4h1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
+      handleSize: '150%',
+      height: 10,
+      handleStyle: {
+        color: '#fff',
+        shadowBlur: 3,
+        shadowColor: 'rgba(0, 0, 0, 0.4)',
+        shadowOffsetX: 2,
+        shadowOffsetY: 2
+      },
+      showDataShadow: false,
+      showDetail: false
+    }, {
+      // 这个dataZoom组件，也控制x轴。
+      type: 'inside',
+      start: 0,
+      end: 100,
+      height: 10
+    }] : []
+  };
+};
+var Line = function Line(_ref2) {
+  var xAxis = _ref2.xAxis,
+    data = _ref2.data,
+    style = _ref2.style,
+    exportShow = _ref2.exportShow,
+    dataZoomShow = _ref2.dataZoomShow,
+    xAxisConfig = _ref2.xAxisConfig;
+  var echarts_react = (0, _react.useRef)(null);
+  var _useSettings = (0, _useSettings2["default"])(),
+    isDark = _useSettings.isDark,
+    theme = _useSettings.theme;
+  // 保存为图片
+  var saveImage = function saveImage() {
+    var _a;
+    var echartsInstance = (_a = echarts_react === null || echarts_react === void 0 ? void 0 : echarts_react.current) === null || _a === void 0 ? void 0 : _a.getEchartsInstance();
+    if (echartsInstance) {
+      var imgUrl = echartsInstance.getDataURL({
+        pixelRatio: 1,
+        backgroundColor: '#fff',
+        excludeComponents: [
+        //保存图表时忽略的工具组件,默认忽略工具栏
+        'toolbox'],
+        type: 'png' //图片类型支持png和jpeg
+      });
+      (0, _utils.downloadFile)(imgUrl, '图片', 'blob');
+    }
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "wrap"
+  }, exportShow && (/*#__PURE__*/_react["default"].createElement("div", {
+    className: "exportBtn-wrap ".concat(theme)
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "btn",
+    onClick: function onClick() {
+      saveImage();
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_icons["default"], {
+    style: {
+      color: 'var(----sub-title-color)',
+      fontSize: 20
+    }
+  })))), /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    ref: echarts_react,
+    option: getOption({
+      xAxis: xAxis,
+      data: data,
+      dataZoomShow: dataZoomShow,
+      xAxisConfig: xAxisConfig,
+      isDark: isDark
+    }),
+    style: Object.assign({
+      height: '100%',
+      width: '100%'
+    }, style),
+    notMerge: true,
+    lazyUpdate: true
+  }));
+};
+var _default = exports["default"] = Line;
+//# sourceMappingURL=Line.js.map

package/lib/vm-charts/Line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Line.js","names":["_react","_interopRequireWildcard","require","_icons","_interopRequireDefault","_echartsForReact","_utils","_useSettings2","e","__esModule","_getRequireWildcardCache","WeakMap","r","t","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_toConsumableArray","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","Symbol","iterator","isArray","length","getOption","_ref","_ref$xAxis","xAxis","_ref$data","data","_ref$dataZoomShow","dataZoomShow","_ref$xAxisConfig","xAxisConfig","isDark","textColor","bgColor","borderColor","color","toolbox","show","feature","saveAsImage","excludeComponents","pixelRatio","tooltip","trigger","backgroundColor","textStyle","confine","legend","type","top","left","grid","right","bottom","containLabel","boundaryGap","axisTick","axisLine","z","axisLabel","concat","yAxis","nameTextStyle","minInterval","splitLine","lineStyle","series","map","item","assign","smooth","symbolSize","connectNulls","xAxisIndex","label","dataZoom","start","end","fillerColor","handleIcon","handleSize","height","handleStyle","shadowBlur","shadowColor","shadowOffsetX","shadowOffsetY","showDataShadow","showDetail","Line","_ref2","style","exportShow","echarts_react","useRef","_useSettings","useSettings","theme","saveImage","_a","echartsInstance","current","getEchartsInstance","imgUrl","getDataURL","downloadFile","React","createElement","className","onClick","PictureOutlined","fontSize","ReactEcharts","ref","option","width","notMerge","lazyUpdate","_default","exports"],"sources":["vm-charts/Line.js"],"sourcesContent":["import React, { useRef } from 'react';\nimport PictureOutlined from '@ant-design/icons';\nimport ReactEcharts from 'echarts-for-react';\nimport { downloadFile } from '@vtx/utils';\nimport useSettings from '../vm-hooks/useSettings';\nimport './index.less';\nconst getOption = ({ xAxis = [], data = [], dataZoomShow = true, xAxisConfig = [], isDark, }) => {\n    let textColor = isDark ? '#fff' : '#929292';\n    let bgColor = isDark ? '#0C2A48' : '#fff';\n    let borderColor = isDark ? '#1E4771' : '#fff';\n    return {\n        color: ['#0E85FF', '#49FF81', '#26D4FF', '#F5D629', '#C97CFF'],\n        toolbox: {\n            show: false,\n            feature: {\n                saveAsImage: {\n                    show: true,\n                    excludeComponents: ['toolbox'],\n                    pixelRatio: 2,\n                },\n            },\n        },\n        tooltip: {\n            trigger: 'axis',\n            backgroundColor: bgColor,\n            borderColor: borderColor,\n            textStyle: {\n                color: textColor,\n            },\n            confine: true,\n        },\n        legend: {\n            type: 'scroll',\n            top: 0,\n            left: 'center',\n            textStyle: {\n                color: textColor,\n            },\n        },\n        grid: {\n            top: 50,\n            left: 40,\n            right: 40,\n            bottom: dataZoomShow ? 50 : 0,\n            containLabel: true,\n        },\n        xAxis: [\n            {\n                type: 'category',\n                boundaryGap: true,\n                data: xAxis,\n                axisTick: {\n                    show: true,\n                },\n                axisLine: {\n                    show: true,\n                },\n                z: 10,\n                axisLabel: {\n                    color: textColor,\n                },\n            },\n            ...xAxisConfig,\n        ],\n        yAxis: {\n            name: '',\n            nameTextStyle: {\n                color: textColor,\n            },\n            axisLine: {\n                show: true,\n            },\n            axisTick: {\n                show: false,\n            },\n            axisLabel: {\n                color: textColor,\n            },\n            minInterval: 1,\n            splitLine: {\n                lineStyle: {\n                    type: 'dashed',\n                    color: 'rgba(255,255,255,0.2)',\n                },\n            },\n        },\n        series: data.map((item) => {\n            return Object.assign(Object.assign({ type: 'line', name: item.name, smooth: true, \n                // showSymbol: false, // 不展示点\n                symbolSize: 4 }, item), { data: item.data, connectNulls: false, xAxisIndex: item.xAxisIndex, color: item.color || '', label: item.label ? item.label : {} });\n        }),\n        dataZoom: dataZoomShow\n            ? [\n                {\n                    // 这个dataZoom组件，默认控制x轴。\n                    type: 'slider',\n                    start: 0,\n                    end: 100,\n                    fillerColor: 'rgba(97, 212, 225, 0.35)',\n                    borderColor: 'rgba(97, 212, 225, 0.35)',\n                    handleIcon: 'M10.7,11.9H9.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4h1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',\n                    handleSize: '150%',\n                    height: 10,\n                    handleStyle: {\n                        color: '#fff',\n                        shadowBlur: 3,\n                        shadowColor: 'rgba(0, 0, 0, 0.4)',\n                        shadowOffsetX: 2,\n                        shadowOffsetY: 2,\n                    },\n                    showDataShadow: false,\n                    showDetail: false,\n                },\n                {\n                    // 这个dataZoom组件，也控制x轴。\n                    type: 'inside',\n                    start: 0,\n                    end: 100,\n                    height: 10,\n                },\n            ]\n            : [],\n    };\n};\nconst Line = ({ xAxis, data, style, exportShow, dataZoomShow, xAxisConfig }) => {\n    const echarts_react = useRef(null);\n    const { isDark, theme } = useSettings();\n    // 保存为图片\n    const saveImage = () => {\n        var _a;\n        const echartsInstance = (_a = echarts_react === null || echarts_react === void 0 ? void 0 : echarts_react.current) === null || _a === void 0 ? void 0 : _a.getEchartsInstance();\n        if (echartsInstance) {\n            let imgUrl = echartsInstance.getDataURL({\n                pixelRatio: 1,\n                backgroundColor: '#fff',\n                excludeComponents: [\n                    //保存图表时忽略的工具组件,默认忽略工具栏\n                    'toolbox',\n                ],\n                type: 'png', //图片类型支持png和jpeg\n            });\n            downloadFile(imgUrl, '图片', 'blob');\n        }\n    };\n    return (React.createElement(\"div\", { className: \"wrap\" },\n        exportShow && (React.createElement(\"div\", { className: `exportBtn-wrap ${theme}` },\n            React.createElement(\"div\", { className: \"btn\", onClick: () => {\n                    saveImage();\n                } },\n                React.createElement(PictureOutlined, { style: { color: 'var(----sub-title-color)', fontSize: 20 } })))),\n        React.createElement(ReactEcharts, { ref: echarts_react, option: getOption({ xAxis, data, dataZoomShow, xAxisConfig, isDark }), style: Object.assign({ height: '100%', width: '100%' }, style), notMerge: true, lazyUpdate: true })));\n};\nexport default Line;\n"],"mappings":"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","ignoreList":[]}