@vtx/modals2 2.10.39 → 2.10.41

package/lib/vm-common-components/components/vm-radar/index.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var Radar = function Radar(props) {
+  var value = props.value,
+    indicator = props.indicator,
+    _props$width = props.width,
+    width = _props$width === void 0 ? '100%' : _props$width,
+    _props$height = props.height,
+    height = _props$height === void 0 ? '100%' : _props$height;
+  if ((value === null || value === void 0 ? void 0 : value.length) === 0) {
+    return /*#__PURE__*/_react["default"].createElement(_vmNodata["default"], {
+      type: "chart",
+      style: {
+        height: 180
+      }
+    });
+  }
+  var _useSettings = (0, _useSettings2["default"])(),
+    theme = _useSettings.theme;
+  var option = {
+    legend: {
+      show: false
+    },
+    grid: {
+      top: 'center',
+      right: 'center'
+    },
+    radar: {
+      // shape: 'circle',
+      radius: '40%',
+      indicator: indicator || [],
+      nameGap: 8,
+      axisName: {
+        color: theme == 'dark' ? '#fff' : '#222'
+      },
+      splitLine: {
+        lineStyle: {
+          color: '#C7C7C7'
+        }
+      },
+      splitArea: {
+        areaStyle: {
+          color: [theme == 'dark' ? '#17363D' : '#fff']
+        }
+      }
+    },
+    series: [{
+      name: '雷达',
+      type: 'radar',
+      data: [{
+        value: value || [],
+        itemStyle: {
+          color: '#1890ff'
+        },
+        areaStyle: {
+          color: '#1890ff'
+        }
+      }]
+    }]
+  };
+  return /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: option,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      height: height,
+      width: width
+    }
+  });
+};
+var _default = Radar;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/vm-common-components/components/vm-radar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_echartsForReact","_useSettings2","_vmNodata","obj","__esModule","Radar","props","value","indicator","_props$width","width","_props$height","height","length","React","createElement","NoData","type","style","_useSettings","useSettings","theme","option","legend","show","grid","top","right","radar","radius","nameGap","axisName","color","splitLine","lineStyle","splitArea","areaStyle","series","name","data","itemStyle","ReactEcharts","notMerge","lazyUpdate","_default","exports"],"sources":["vm-common-components/components/vm-radar/index.js"],"sourcesContent":["import React from 'react';\nimport ReactEcharts from 'echarts-for-react';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport NoData from \"../../../vm-nodata\";\nconst Radar = (props) => {\n    const { value, indicator, width = '100%', height = '100%' } = props;\n    if ((value === null || value === void 0 ? void 0 : value.length) === 0) {\n        return React.createElement(NoData, { type: \"chart\", style: { height: 180 } });\n    }\n    const { theme } = useSettings();\n    const option = {\n        legend: {\n            show: false,\n        },\n        grid: {\n            top: 'center',\n            right: 'center',\n        },\n        radar: {\n            // shape: 'circle',\n            radius: '40%',\n            indicator: indicator || [],\n            nameGap: 8,\n            axisName: {\n                color: theme == 'dark' ? '#fff' : '#222',\n            },\n            splitLine: {\n                lineStyle: {\n                    color: '#C7C7C7',\n                },\n            },\n            splitArea: {\n                areaStyle: {\n                    color: [theme == 'dark' ? '#17363D' : '#fff'],\n                },\n            },\n        },\n        series: [\n            {\n                name: '雷达',\n                type: 'radar',\n                data: [\n                    {\n                        value: value || [],\n                        itemStyle: {\n                            color: '#1890ff',\n                        },\n                        areaStyle: {\n                            color: '#1890ff',\n                        },\n                    },\n                ],\n            },\n        ],\n    };\n    return React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height, width } });\n};\nexport default Radar;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAwC,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AACxC,IAAME,KAAK,GAAG,SAARA,KAAKA,CAAIC,KAAK,EAAK;EACrB,IAAQC,KAAK,GAAiDD,KAAK,CAA3DC,KAAK;IAAEC,SAAS,GAAsCF,KAAK,CAApDE,SAAS;IAAAC,YAAA,GAAsCH,KAAK,CAAzCI,KAAK;IAALA,KAAK,GAAAD,YAAA,cAAG,MAAM,GAAAA,YAAA;IAAAE,aAAA,GAAsBL,KAAK,CAAzBM,MAAM;IAANA,MAAM,GAAAD,aAAA,cAAG,MAAM,GAAAA,aAAA;EACzD,IAAI,CAACJ,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,KAAK,CAACM,MAAM,MAAM,CAAC,EAAE;IACpE,oBAAOC,iBAAK,CAACC,aAAa,CAACC,oBAAM,EAAE;MAAEC,IAAI,EAAE,OAAO;MAAEC,KAAK,EAAE;QAAEN,MAAM,EAAE;MAAI;IAAE,CAAC,CAAC;EACjF;EACA,IAAAO,YAAA,GAAkB,IAAAC,wBAAW,EAAC,CAAC;IAAvBC,KAAK,GAAAF,YAAA,CAALE,KAAK;EACb,IAAMC,MAAM,GAAG;IACXC,MAAM,EAAE;MACJC,IAAI,EAAE;IACV,CAAC;IACDC,IAAI,EAAE;MACFC,GAAG,EAAE,QAAQ;MACbC,KAAK,EAAE;IACX,CAAC;IACDC,KAAK,EAAE;MACH;MACAC,MAAM,EAAE,KAAK;MACbrB,SAAS,EAAEA,SAAS,IAAI,EAAE;MAC1BsB,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE;QACNC,KAAK,EAAEX,KAAK,IAAI,MAAM,GAAG,MAAM,GAAG;MACtC,CAAC;MACDY,SAAS,EAAE;QACPC,SAAS,EAAE;UACPF,KAAK,EAAE;QACX;MACJ,CAAC;MACDG,SAAS,EAAE;QACPC,SAAS,EAAE;UACPJ,KAAK,EAAE,CAACX,KAAK,IAAI,MAAM,GAAG,SAAS,GAAG,MAAM;QAChD;MACJ;IACJ,CAAC;IACDgB,MAAM,EAAE,CACJ;MACIC,IAAI,EAAE,IAAI;MACVrB,IAAI,EAAE,OAAO;MACbsB,IAAI,EAAE,CACF;QACIhC,KAAK,EAAEA,KAAK,IAAI,EAAE;QAClBiC,SAAS,EAAE;UACPR,KAAK,EAAE;QACX,CAAC;QACDI,SAAS,EAAE;UACPJ,KAAK,EAAE;QACX;MACJ,CAAC;IAET,CAAC;EAET,CAAC;EACD,oBAAOlB,iBAAK,CAACC,aAAa,CAAC0B,2BAAY,EAAE;IAAEnB,MAAM,EAAEA,MAAM;IAAEoB,QAAQ,EAAE,IAAI;IAAEC,UAAU,EAAE,IAAI;IAAEzB,KAAK,EAAE;MAAEN,MAAM,EAANA,MAAM;MAAEF,KAAK,EAALA;IAAM;EAAE,CAAC,CAAC;AAC5H,CAAC;AAAC,IAAAkC,QAAA,GACavC,KAAK;AAAAwC,OAAA,cAAAD,QAAA"}

package/lib/vm-common-components/components/vm-water-wave/index.css

@@ -0,0 +1,51 @@
+.chart {
+  position: relative;
+}
+.chart .bg1 {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  border-radius: 50%;
+  -webkit-box-shadow: 0 0 8px #fff inset, 0 0 8px currentColor inset;
+          box-shadow: 0 0 8px #fff inset, 0 0 8px currentColor inset;
+  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(69%, transparent), color-stop(70%, #2e2e2e05), to(#2e2e2e74));
+  background: linear-gradient(180deg, transparent 0%, transparent 69%, #2e2e2e05 70%, #2e2e2e74 100%);
+  opacity: 1;
+}
+.chart .bg {
+  width: calc(100% - 6px);
+  height: calc(100% - 6px);
+  position: absolute;
+  top: 3px;
+  left: 3px;
+  border-radius: 50%;
+  -webkit-box-shadow: 0 0 8px currentColor inset;
+          box-shadow: 0 0 8px currentColor inset;
+  opacity: 0.8;
+  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(69%, transparent), color-stop(70%, #2e2e2e05), to(#2e2e2e39));
+  background: linear-gradient(180deg, transparent 0%, transparent 69%, #2e2e2e05 70%, #2e2e2e39 100%);
+}
+.stastics {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  position: relative;
+}
+.stastics .stasticsright {
+  width: 120px;
+  text-align: center;
+  border-radius: 0.8px;
+  position: relative;
+  z-index: 2;
+  margin-left: 2px;
+  padding: 2px 0;
+  padding-left: 4px;
+  background-image: var(--chart-label-bg);
+  border-bottom: 1px solid transparent;
+  background-clip: padding-box, border-box;
+  background-origin: padding-box, border-box;
+}

package/lib/vm-common-components/components/vm-water-wave/index.js

@@ -0,0 +1,161 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.SewageStastics = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+require("echarts-liquidfill");
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+require("./index.less");
+var _Compare = _interopRequireDefault(require("../Compare"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * 水滴球组件
+ * 百分比数值：percent<float>
+ */
+
+/**
+ * title
+ * @param title 参数："{percent, unit, percentStyle, unitStyle}"
+ * @returns {*[]}
+ */
+var getTitle = function getTitle(props, isDark) {
+  var percent = props.percent,
+    unit = props.unit,
+    percentStyle = props.percentStyle,
+    unitStyle = props.unitStyle;
+  return {
+    text: "{a|".concat(percent, "}{b|").concat(unit || '', "}"),
+    textStyle: {
+      rich: {
+        a: Object.assign({
+          fontSize: 14,
+          color: isDark ? '#fff' : '#000',
+          fontFamily: 'PangMenZhengDao',
+          fonWeight: 400
+        }, percentStyle),
+        b: Object.assign({
+          fontSize: 12,
+          color: isDark ? '#fff' : '#000',
+          fontFamily: 'PangMenZhengDao',
+          fonWeight: 400
+        }, unitStyle)
+      }
+    },
+    left: 'center',
+    top: '15%'
+  };
+};
+var getGraphic = function getGraphic(text, isDark) {
+  return text ? [{
+    type: 'group',
+    left: 'center',
+    top: '65%',
+    children: [{
+      type: 'text',
+      z: 100,
+      left: '10',
+      top: 'middle',
+      style: {
+        fill: isDark ? '#fff' : '#000',
+        text: text
+      }
+    }]
+  }] : [];
+};
+var getSeries = function getSeries(props) {
+  var color = props.color,
+    value = props.value,
+    showOutline = props.showOutline,
+    seriesProps = props.seriesProps;
+  return [Object.assign({
+    type: 'liquidFill',
+    radius: '98%',
+    center: ['50%', '50%'],
+    color: color,
+    backgroundStyle: {
+      borderWidth: 0,
+      color: 'transparent'
+    },
+    data: [value, value],
+    label: {
+      show: false
+    },
+    outline: {
+      show: showOutline,
+      borderDistance: 3,
+      itemStyle: {
+        borderWidth: 2,
+        borderColor: 'rgba(167,167,167, 0.4)'
+      }
+    }
+  }, seriesProps)];
+};
+// 水球图
+var WaterBallEcharts = function WaterBallEcharts(_ref) {
+  var _ref$height = _ref.height,
+    height = _ref$height === void 0 ? '28rem' : _ref$height,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? '28rem' : _ref$width,
+    _ref$showNumber = _ref.showNumber,
+    showNumber = _ref$showNumber === void 0 ? false : _ref$showNumber,
+    title = _ref.title,
+    _ref$text = _ref.text,
+    text = _ref$text === void 0 ? '' : _ref$text,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? ['rgba(35, 179, 206, 1)'] : _ref$color,
+    _ref$showOutline = _ref.showOutline,
+    showOutline = _ref$showOutline === void 0 ? false : _ref$showOutline,
+    _ref$seriesProps = _ref.seriesProps,
+    seriesProps = _ref$seriesProps === void 0 ? {} : _ref$seriesProps;
+  var _useSettings = (0, _useSettings2["default"])(),
+    theme = _useSettings.theme;
+  var isDark = theme == 'dark';
+  var percent = (title === null || title === void 0 ? void 0 : title.percent) || 0;
+  var value = percent / 100 || 0;
+  var option = {
+    title: showNumber && title ? getTitle(title, isDark) : {},
+    graphic: getGraphic(text, isDark),
+    series: getSeries({
+      color: color,
+      value: value,
+      showOutline: showOutline,
+      seriesProps: seriesProps
+    })
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "chart",
+    style: {
+      height: height,
+      width: width,
+      color: color === null || color === void 0 ? void 0 : color[0]
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: option,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      height: '100%',
+      width: '100%'
+    }
+  }), showOutline ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "bg"
+  }) : /*#__PURE__*/_react["default"].createElement("div", {
+    className: "bg1"
+  }));
+};
+var _default = WaterBallEcharts; // 水球图+环比
+exports["default"] = _default;
+var SewageStastics = function SewageStastics(props) {
+  var chartData = props.chartData,
+    compareList = props.compareList;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "stastics"
+  }, /*#__PURE__*/_react["default"].createElement(WaterBallEcharts, Object.assign({}, chartData)), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "stasticsright"
+  }, /*#__PURE__*/_react["default"].createElement(_Compare["default"], Object.assign({}, compareList))));
+};
+exports.SewageStastics = SewageStastics;
+//# sourceMappingURL=index.js.map

package/lib/vm-common-components/components/vm-water-wave/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_echartsForReact","_useSettings2","_Compare","obj","__esModule","getTitle","props","isDark","percent","unit","percentStyle","unitStyle","text","concat","textStyle","rich","a","Object","assign","fontSize","color","fontFamily","fonWeight","b","left","top","getGraphic","type","children","z","style","fill","getSeries","value","showOutline","seriesProps","radius","center","backgroundStyle","borderWidth","data","label","show","outline","borderDistance","itemStyle","borderColor","WaterBallEcharts","_ref","_ref$height","height","_ref$width","width","_ref$showNumber","showNumber","title","_ref$text","_ref$color","_ref$showOutline","_ref$seriesProps","_useSettings","useSettings","theme","option","graphic","series","React","createElement","className","ReactEcharts","notMerge","lazyUpdate","_default","exports","SewageStastics","chartData","compareList","Compare"],"sources":["vm-common-components/components/vm-water-wave/index.js"],"sourcesContent":["/**\n * 水滴球组件\n * 百分比数值：percent<float>\n */\nimport React from 'react';\nimport ReactEcharts from 'echarts-for-react';\nimport 'echarts-liquidfill';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport './index.less';\nimport Compare from '../Compare';\n/**\n * title\n * @param title 参数：\"{percent, unit, percentStyle, unitStyle}\"\n * @returns {*[]}\n */\nconst getTitle = (props, isDark) => {\n    const { percent, unit, percentStyle, unitStyle } = props;\n    return {\n        text: `{a|${percent}}{b|${unit || ''}}`,\n        textStyle: {\n            rich: {\n                a: Object.assign({ fontSize: 14, color: isDark ? '#fff' : '#000', fontFamily: 'PangMenZhengDao', fonWeight: 400 }, percentStyle),\n                b: Object.assign({ fontSize: 12, color: isDark ? '#fff' : '#000', fontFamily: 'PangMenZhengDao', fonWeight: 400 }, unitStyle),\n            },\n        },\n        left: 'center',\n        top: '15%',\n    };\n};\nconst getGraphic = (text, isDark) => {\n    return text\n        ? [\n            {\n                type: 'group',\n                left: 'center',\n                top: '65%',\n                children: [\n                    {\n                        type: 'text',\n                        z: 100,\n                        left: '10',\n                        top: 'middle',\n                        style: {\n                            fill: isDark ? '#fff' : '#000',\n                            text,\n                        },\n                    },\n                ],\n            },\n        ]\n        : [];\n};\nconst getSeries = (props) => {\n    const { color, value, showOutline, seriesProps } = props;\n    return [\n        Object.assign({ type: 'liquidFill', radius: '98%', center: ['50%', '50%'], color, backgroundStyle: {\n                borderWidth: 0,\n                color: 'transparent',\n            }, data: [value, value], label: {\n                show: false,\n            }, outline: {\n                show: showOutline,\n                borderDistance: 3,\n                itemStyle: {\n                    borderWidth: 2,\n                    borderColor: 'rgba(167,167,167, 0.4)',\n                },\n            } }, seriesProps),\n    ];\n};\n// 水球图\nconst WaterBallEcharts = ({ height = '28rem', // 图表高度\nwidth = '28rem', showNumber = false, // 是否显示图表中的title\ntitle, text = '', color = ['rgba(35, 179, 206, 1)'], // 波浪颜色\nshowOutline = false, // 是否显示外围线\nseriesProps = {}, // 可设置series属性\n }) => {\n    const { theme } = useSettings();\n    const isDark = theme == 'dark';\n    let percent = (title === null || title === void 0 ? void 0 : title.percent) || 0;\n    let value = percent / 100 || 0;\n    const option = {\n        title: showNumber && title ? getTitle(title, isDark) : {},\n        graphic: getGraphic(text, isDark),\n        series: getSeries({ color, value, showOutline, seriesProps }),\n    };\n    return (React.createElement(\"div\", { className: \"chart\", style: { height, width, color: color === null || color === void 0 ? void 0 : color[0] } },\n        React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '100%', width: '100%' } }),\n        showOutline ? React.createElement(\"div\", { className: \"bg\" }) : React.createElement(\"div\", { className: \"bg1\" })));\n};\nexport default WaterBallEcharts;\n// 水球图+环比\nexport const SewageStastics = (props) => {\n    const { chartData, compareList } = props;\n    return (React.createElement(\"div\", { className: \"stastics\" },\n        React.createElement(WaterBallEcharts, Object.assign({}, chartData)),\n        React.createElement(\"div\", { className: \"stasticsright\" },\n            React.createElement(Compare, Object.assign({}, compareList)))));\n};\n"],"mappings":"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"}

package/lib/vm-common-components/components/vm-water-wave/index.less

@@ -0,0 +1,56 @@
+.chart {
+    position: relative;
+    .bg1 {
+        width: 100%;
+        height: 100%;
+        position: absolute;
+        top: 0;
+        border-radius: 50%;
+        box-shadow: 0 0 8px #fff inset, 0 0 8px currentColor inset;
+        background: linear-gradient(
+            180deg,
+            transparent 0%,
+            transparent 69%,
+            #2e2e2e05 70%,
+            #2e2e2e74 100%
+        );
+        opacity: 1;
+    }
+    .bg {
+        width: calc(100% - 6px);
+        height: calc(100% - 6px);
+        position: absolute;
+        top: 3px;
+        left: 3px;
+        border-radius: 50%;
+        box-shadow: 0 0 8px currentColor inset;
+        opacity: 0.8;
+        background: linear-gradient(
+            180deg,
+            transparent 0%,
+            transparent 69%,
+            #2e2e2e05 70%,
+            #2e2e2e39 100%
+        );
+    }
+}
+
+.stastics {
+    display: flex;
+    align-items: center;
+    position: relative;
+    .stasticsright {
+        width: 120px;
+        text-align: center;
+        border-radius: 0.8px;
+        position: relative;
+        z-index: 2;
+        margin-left: 2px;
+        padding: 2px 0;
+        padding-left: 4px;
+        background-image: var(--chart-label-bg);
+        border-bottom: 1px solid transparent;
+        background-clip: padding-box, border-box;
+        background-origin: padding-box, border-box;
+    }
+}