@vtx/modals2 2.10.20 → 2.10.21

package/lib/vm-base-list/index.js

@@ -0,0 +1,86 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _OpenArrow = _interopRequireDefault(require("./OpenArrow"));
+require("./style/index.less");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var BaseList = function BaseList(props) {
+  var _props$data = props.data,
+    data = _props$data === void 0 ? [] : _props$data,
+    _props$horizontal = props.horizontal,
+    horizontal = _props$horizontal === void 0 ? 'vertical' : _props$horizontal,
+    _props$showOpenArrow = props.showOpenArrow,
+    showOpenArrow = _props$showOpenArrow === void 0 ? false : _props$showOpenArrow,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style,
+    onDetailClick = props.onDetailClick;
+  // 判断展开你按钮是否展示
+  if (data && data.length < 7) {
+    showOpenArrow = false;
+  }
+  var h = showOpenArrow ? '110px' : '100%';
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useState3 = (0, _react.useState)(h),
+    _useState4 = _slicedToArray(_useState3, 2),
+    height = _useState4[0],
+    setHeight = _useState4[1];
+  var openFun = function openFun() {
+    if (open) {
+      setHeight('110px');
+    } else {
+      setHeight('100%');
+    }
+    setOpen(!open);
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-list"
+  }, (data === null || data === void 0 ? void 0 : data.length) ? /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+    style: {
+      height: height,
+      overflow: 'hidden'
+    }
+  }, data.map(function (item, i) {
+    var _item$type = item.type,
+      type = _item$type === void 0 ? '' : _item$type;
+    var span = type === 'title' ? 24 : item.span || 8;
+    return /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+      span: span,
+      key: "".concat(item.key, "-").concat(i)
+    }, type === 'title' ? /*#__PURE__*/_react["default"].createElement("div", {
+      className: "title"
+    }, item.value) : /*#__PURE__*/_react["default"].createElement("div", {
+      className: "list ".concat(horizontal)
+    }, /*#__PURE__*/_react["default"].createElement("label", {
+      className: "label"
+    }, item.label || '', " ", horizontal === 'vertical' ? '' : '：'), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "value ".concat(item.canClick && 'canClick'),
+      style: style,
+      onClick: function onClick() {
+        onDetailClick && onDetailClick(item);
+      }
+    }, typeof item.render === 'function' ? item.render() : item.value || '--')));
+  })) : null, showOpenArrow && /*#__PURE__*/_react["default"].createElement(_OpenArrow["default"], {
+    open: open,
+    openFun: openFun
+  }));
+};
+var _default = BaseList;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/vm-base-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["BaseList","props","data","horizontal","showOpenArrow","style","onDetailClick","length","h","useState","open","setOpen","height","setHeight","openFun","React","createElement","className","Row","overflow","map","item","i","type","span","Col","key","value","label","canClick","onClick","render","OpenArrow"],"sources":["vm-base-list/index.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { Row, Col } from 'antd';\nimport OpenArrow from './OpenArrow';\nimport './style/index.less';\nconst BaseList = (props) => {\n    let { data = [], horizontal = 'vertical', // 'vertical'   horizontal\n    showOpenArrow = false, style = {}, onDetailClick, } = props;\n    // 判断展开你按钮是否展示\n    if (data && data.length < 7) {\n        showOpenArrow = false;\n    }\n    let h = showOpenArrow ? '110px' : '100%';\n    const [open, setOpen] = useState(false);\n    const [height, setHeight] = useState(h);\n    const openFun = () => {\n        if (open) {\n            setHeight('110px');\n        }\n        else {\n            setHeight('100%');\n        }\n        setOpen(!open);\n    };\n    return (React.createElement(\"div\", { className: `base-list` },\n        (data === null || data === void 0 ? void 0 : data.length) ? (React.createElement(Row, { style: { height, overflow: 'hidden' } }, data.map((item, i) => {\n            const { type = '' } = item;\n            let span = type === 'title' ? 24 : item.span || 8;\n            return (React.createElement(Col, { span: span, key: `${item.key}-${i}` }, type === 'title' ? (React.createElement(\"div\", { className: \"title\" }, item.value)) : (React.createElement(\"div\", { className: `list ${horizontal}` },\n                React.createElement(\"label\", { className: `label` },\n                    item.label || '',\n                    \" \",\n                    horizontal === 'vertical' ? '' : '：'),\n                React.createElement(\"div\", { className: `value ${item.canClick && 'canClick'}`, style: style, onClick: () => {\n                        onDetailClick && onDetailClick(item);\n                    } }, typeof item.render === 'function' ? item.render() : item.value || '--')))));\n        }))) : null,\n        showOpenArrow && React.createElement(OpenArrow, { open: open, openFun: openFun })));\n};\nexport default BaseList;\n"],"mappings":"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"}

package/lib/vm-base-list/style/css.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./index.css");
+//# sourceMappingURL=css.js.map

package/lib/vm-base-list/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","names":[],"sources":["vm-base-list/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}

package/lib/vm-base-list/style/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./index.less");
+//# sourceMappingURL=index.js.map

package/lib/vm-base-list/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["vm-base-list/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}

package/lib/vm-button/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+require("./style/index.less");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var VmButton = function VmButton(_ref) {
+  var name = _ref.name,
+    _ref$active = _ref.active,
+    active = _ref$active === void 0 ? false : _ref$active,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
+    _onClick = _ref.onClick;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    onClick: function onClick() {
+      return _onClick && _onClick();
+    },
+    className: active ? 'vm-button--active' : 'vm-button',
+    style: style
+  }, name);
+};
+var _default = VmButton;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/vm-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["VmButton","name","active","style","onClick","React","createElement","className"],"sources":["vm-button/index.js"],"sourcesContent":["import React from 'react';\nimport './style/index.less';\nconst VmButton = ({ name, active = false, style = {}, onClick }) => {\n    return (React.createElement(\"div\", { onClick: () => onClick && onClick(), className: active ? 'vm-button--active' : 'vm-button', style: style }, name));\n};\nexport default VmButton;\n"],"mappings":";;;;;;AAAA;AACA;AAA4B;AAC5B,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,OAAsD;EAAA,IAAhDC,IAAI,QAAJA,IAAI;IAAA,mBAAEC,MAAM;IAANA,MAAM,4BAAG,KAAK;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,CAAC,CAAC;IAAEC,QAAO,QAAPA,OAAO;EACzD,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEF,OAAO,EAAE;MAAA,OAAMA,QAAO,IAAIA,QAAO,EAAE;IAAA;IAAEG,SAAS,EAAEL,MAAM,GAAG,mBAAmB,GAAG,WAAW;IAAEC,KAAK,EAAEA;EAAM,CAAC,EAAEF,IAAI,CAAC;AAC1J,CAAC;AAAC,eACaD,QAAQ;AAAA"}

package/lib/vm-button/style/css.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./index.css");
+//# sourceMappingURL=css.js.map

package/lib/vm-button/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","names":[],"sources":["vm-button/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}

package/lib/vm-button/style/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./index.less");
+//# sourceMappingURL=index.js.map

package/lib/vm-button/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["vm-button/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}

package/lib/vm-charts/Distribute1.js

@@ -0,0 +1,137 @@
+"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(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+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 = Distribute1;
+exports["default"] = _default;
+//# sourceMappingURL=Distribute1.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Distribute1.js","names":["xAxis","Array","map","_","index","add0","num","toString","transferData","data","chartData","dataGroupByDate","groupBy","count","key","forEach","item","push","value","yAxis","Object","keys","substring","getGaugeOption","max","Math","length","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","name","label","emphasis","itemStyle","shadowBlur","shadowColor","Distribute1","props","React","createElement","ReactEcharts","option","style","height"],"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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"}

package/lib/vm-charts/Gauge1.js

@@ -0,0 +1,149 @@
+"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(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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 = Gauge1;
+exports["default"] = _default;
+//# sourceMappingURL=Gauge1.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Gauge1.js","names":["getGaugeOption","num","min","average","max","name","unit","good","Number","title","left","top","text","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"],"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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"}