@vtx/modals2 2.10.37 → 2.10.39

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

@@ -1,26 +1,26 @@
-.vm-base-list .vm-base-list-title {
+.base-list .title {
   border-bottom: 1px dashed #ccc !important;
   margin-bottom: 5px;
 }
-.vm-base-list .vm-base-list-list {
+.base-list .list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin-bottom: 10px;
 }
-.vm-base-list .vm-base-list-list .vm-base-list-label {
+.base-list .list .label {
   -ms-flex-negative: 0;
       flex-shrink: 0;
   font-size: 14px;
   font-weight: bold;
   color: var(--label-color);
 }
-.vm-base-list .vm-base-list-list .vm-base-list-value {
+.base-list .list .value {
   font-size: 16px;
   font-weight: bold;
   color: var(--info-color);
 }
-.vm-base-list .vm-base-list-list.vertical {
+.base-list .list.vertical {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -29,13 +29,13 @@
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.vm-base-list .vm-base-list-openArrow {
+.base-list .openArrow {
   font-size: 14px;
   width: 100%;
   text-align: right;
   color: var(--sub-title-color);
 }
-.vm-base-list .vm-base-list-canClick {
+.base-list .canClick {
   color: var(--sub-title-color) !important;
   cursor: pointer;
 }

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

@@ -1,39 +1,39 @@
-.vm-base-list {
-    .vm-base-list-title {
-        border-bottom: 1px dashed #ccc !important;
-        margin-bottom: 5px;
-    }
-    .vm-base-list-list {
-        display: flex;
-        margin-bottom: 10px;
-        .vm-base-list-label {
-            flex-shrink: 0;
-            font-size: 14px;
-            font-weight: bold;
-            color: var(--label-color);
-        }
-        .vm-base-list-value {
-            font-size: 16px;
-            font-weight: bold;
-            color: var(--info-color);
-        }
-        &.horizontal {
-        }
-        &.vertical {
-            display: flex;
-            flex-direction: column;
-        }
-    }
-
-    .vm-base-list-openArrow {
-        font-size: 14px;
-        width: 100%;
-        text-align: right;
-        color: var(--sub-title-color);
-    }
-
-    .vm-base-list-canClick {
-        color: var(--sub-title-color) !important;
-        cursor: pointer;
-    }
-}
+.base-list {
+    .title {
+        border-bottom: 1px dashed #ccc !important;
+        margin-bottom: 5px;
+    }
+    .list {
+        display: flex;
+        margin-bottom: 10px;
+        .label {
+            flex-shrink: 0;
+            font-size: 14px;
+            font-weight: bold;
+            color: var(--label-color)
+        }
+        .value {
+            font-size: 16px;
+            font-weight: bold;
+            color: var(--info-color);
+        }
+        &.horizontal {
+        }
+        &.vertical {
+            display: flex;
+            flex-direction: column;
+        }
+    }
+
+    .openArrow {
+        font-size: 14px;
+        width: 100%;
+        text-align: right;
+        color: var(--sub-title-color);
+    }
+
+    .canClick {
+        color: var(--sub-title-color) !important;
+        cursor: pointer;
+    }
+}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","obj","__esModule","VmButton","_ref","name","_ref$active","active","_ref$style","style","onClick","React","createElement","className","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACAA,OAAA;AAA4B,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAC5B,IAAME,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAAsD;EAAA,IAAhDC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAAC,WAAA,GAAAF,IAAA,CAAEG,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IAAAE,UAAA,GAAAJ,IAAA,CAAEK,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,CAAC,CAAC,GAAAA,UAAA;IAAEE,QAAO,GAAAN,IAAA,CAAPM,OAAO;EACzD,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEF,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMA,QAAO,IAAIA,QAAO,CAAC,CAAC;IAAA;IAAEG,SAAS,EAAEN,MAAM,GAAG,mBAAmB,GAAG,WAAW;IAAEE,KAAK,EAAEA;EAAM,CAAC,EAAEJ,IAAI,CAAC;AAC1J,CAAC;AAAC,IAAAS,QAAA,GACaX,QAAQ;AAAAY,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","obj","__esModule","VmButton","_ref","name","_ref$active","active","_ref$style","style","onClick","React","createElement","className","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACAA,OAAA;AAA4B,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAC5B,IAAME,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAAsD;EAAA,IAAhDC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAAC,WAAA,GAAAF,IAAA,CAAEG,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IAAAE,UAAA,GAAAJ,IAAA,CAAEK,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,CAAC,CAAC,GAAAA,UAAA;IAAEE,QAAO,GAAAN,IAAA,CAAPM,OAAO;EACzD,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEF,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMA,QAAO,IAAIA,QAAO,EAAE;IAAA;IAAEG,SAAS,EAAEN,MAAM,GAAG,mBAAmB,GAAG,WAAW;IAAEE,KAAK,EAAEA;EAAM,CAAC,EAAEJ,IAAI,CAAC;AAC1J,CAAC;AAAC,IAAAS,QAAA,GACaX,QAAQ;AAAAY,OAAA,cAAAD,QAAA"}

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

@@ -1,20 +1,20 @@
-.button-common {
-    display: inline-block;
-    padding: 5px 10px;
-    border-radius: 2px;
-    cursor: pointer;
-    font-weight: 500;
-}
-
-.vm-button {
-    .button-common();
-    background: var(--button-background-color--default);
-    color: var(--button-text-color--defalut);
-}
-
-.vm-button--active {
-    .button-common();
-    background: var(--button-background-color--active);
-    border: 1px solid #6ff3ff;
-    color: var(--button-text-color--active);
-}
+.button-common {
+    display: inline-block;
+    padding: 5px 10px;
+    border-radius: 2px;
+    cursor: pointer;
+    font-weight: 500;
+}
+
+.vm-button {
+    .button-common();
+    background: var(--button-background-color--default);
+    color: var(--button-text-color--defalut);
+}
+
+.vm-button--active {
+    .button-common();
+    background: var(--button-background-color--active);
+    border: 1px solid #6ff3ff;
+    color: var(--button-text-color--active);
+}

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

@@ -1 +1 @@
-{"version":3,"file":"Distribute1.js","names":["_react","_interopRequireDefault","require","_groupBy","_echartsForReact","obj","__esModule","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","iter","Symbol","iterator","isArray","len","length","i","arr2","xAxis","map","_","index","add0","num","concat","transferData","data","chartData","dataGroupByDate","groupBy","count","key","forEach","item","push","value","yAxis","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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"}
+{"version":3,"file":"Distribute1.js","names":["_react","_interopRequireDefault","require","_groupBy","_echartsForReact","obj","__esModule","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","iter","Symbol","iterator","isArray","len","length","i","arr2","xAxis","map","_","index","add0","num","concat","transferData","data","chartData","dataGroupByDate","groupBy","count","key","forEach","item","push","value","yAxis","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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"}

package/lib/vm-charts/Line.js

@@ -155,8 +155,7 @@ var Line = function Line(_ref2) {
     style = _ref2.style,
     exportShow = _ref2.exportShow,
     dataZoomShow = _ref2.dataZoomShow,
-    xAxisConfig = _ref2.xAxisConfig,
-    wrapStyle = _ref2.wrapStyle;
+    xAxisConfig = _ref2.xAxisConfig;
   var echarts_react = (0, _react.useRef)();
   var _useSettings = (0, _useSettings2["default"])(),
     isDark = _useSettings.isDark,
@@ -179,8 +178,7 @@ var Line = function Line(_ref2) {
     }
   };
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "wrap",
-    style: wrapStyle
+    className: "wrap"
   }, exportShow && /*#__PURE__*/_react["default"].createElement("div", {
     className: "exportBtn-wrap ".concat(theme)
   }, /*#__PURE__*/_react["default"].createElement("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"Line.js","names":["_react","_interopRequireWildcard","require","_icons","_interopRequireDefault","_echartsForReact","_utils","_useSettings2","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","iter","Symbol","iterator","isArray","len","length","i","arr2","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","wrapStyle","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, wrapStyle, }) => {\n    const echarts_react = useRef();\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\", style: wrapStyle },\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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"}
+{"version":3,"file":"Line.js","names":["_react","_interopRequireWildcard","require","_icons","_interopRequireDefault","_echartsForReact","_utils","_useSettings2","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","iter","Symbol","iterator","isArray","len","length","i","arr2","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();\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":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAH,sBAAA,CAAAF,OAAA;AACAA,OAAA;AAAsB,SAAAE,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAAA,SAAAE,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAV,wBAAAO,GAAA,EAAAG,WAAA,SAAAA,WAAA,IAAAH,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAO,OAAA,CAAAP,GAAA,yBAAAA,GAAA,uCAAAA,GAAA,UAAAQ,KAAA,GAAAN,wBAAA,CAAAC,WAAA,OAAAK,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,cAAAX,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,mBAAAC,GAAA,WAAAC,kBAAA,CAAAD,GAAA,KAAAE,gBAAA,CAAAF,GAAA,KAAAG,2BAAA,CAAAH,GAAA,KAAAI,kBAAA;AAAA,SAAAA,mBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAAE,CAAA,GAAAnB,MAAA,CAAAI,SAAA,CAAAgB,QAAA,CAAAd,IAAA,CAAAU,CAAA,EAAAK,KAAA,aAAAF,CAAA,iBAAAH,CAAA,CAAAM,WAAA,EAAAH,CAAA,GAAAH,CAAA,CAAAM,WAAA,CAAAC,IAAA,MAAAJ,CAAA,cAAAA,CAAA,mBAAAK,KAAA,CAAAC,IAAA,CAAAT,CAAA,OAAAG,CAAA,+DAAAO,IAAA,CAAAP,CAAA,UAAAD,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAL,iBAAAe,IAAA,eAAAC,MAAA,oBAAAD,IAAA,CAAAC,MAAA,CAAAC,QAAA,aAAAF,IAAA,+BAAAH,KAAA,CAAAC,IAAA,CAAAE,IAAA;AAAA,SAAAhB,mBAAAD,GAAA,QAAAc,KAAA,CAAAM,OAAA,CAAApB,GAAA,UAAAQ,iBAAA,CAAAR,GAAA;AAAA,SAAAQ,kBAAAR,GAAA,EAAAqB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAArB,GAAA,CAAAsB,MAAA,EAAAD,GAAA,GAAArB,GAAA,CAAAsB,MAAA,WAAAC,CAAA,MAAAC,IAAA,OAAAV,KAAA,CAAAO,GAAA,GAAAE,CAAA,GAAAF,GAAA,EAAAE,CAAA,IAAAC,IAAA,CAAAD,CAAA,IAAAvB,GAAA,CAAAuB,CAAA,UAAAC,IAAA;AACtB,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA,EAAkF;EAAA,IAAAC,UAAA,GAAAD,IAAA,CAA5EE,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,EAAE,GAAAA,UAAA;IAAAE,SAAA,GAAAH,IAAA,CAAEI,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,EAAE,GAAAA,SAAA;IAAAE,iBAAA,GAAAL,IAAA,CAAEM,YAAY;IAAZA,YAAY,GAAAD,iBAAA,cAAG,IAAI,GAAAA,iBAAA;IAAAE,gBAAA,GAAAP,IAAA,CAAEQ,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAG,EAAE,GAAAA,gBAAA;IAAEE,MAAM,GAAAT,IAAA,CAANS,MAAM;EACrF,IAAIC,SAAS,GAAGD,MAAM,GAAG,MAAM,GAAG,SAAS;EAC3C,IAAIE,OAAO,GAAGF,MAAM,GAAG,SAAS,GAAG,MAAM;EACzC,IAAIG,WAAW,GAAGH,MAAM,GAAG,SAAS,GAAG,MAAM;EAC7C,OAAO;IACHI,KAAK,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IAC9DC,OAAO,EAAE;MACLC,IAAI,EAAE,KAAK;MACXC,OAAO,EAAE;QACLC,WAAW,EAAE;UACTF,IAAI,EAAE,IAAI;UACVG,iBAAiB,EAAE,CAAC,SAAS,CAAC;UAC9BC,UAAU,EAAE;QAChB;MACJ;IACJ,CAAC;IACDC,OAAO,EAAE;MACLC,OAAO,EAAE,MAAM;MACfC,eAAe,EAAEX,OAAO;MACxBC,WAAW,EAAEA,WAAW;MACxBW,SAAS,EAAE;QACPV,KAAK,EAAEH;MACX,CAAC;MACDc,OAAO,EAAE;IACb,CAAC;IACDC,MAAM,EAAE;MACJC,IAAI,EAAE,QAAQ;MACdC,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE,QAAQ;MACdL,SAAS,EAAE;QACPV,KAAK,EAAEH;MACX;IACJ,CAAC;IACDmB,IAAI,EAAE;MACFF,GAAG,EAAE,EAAE;MACPC,IAAI,EAAE,EAAE;MACRE,KAAK,EAAE,EAAE;MACTC,MAAM,EAAEzB,YAAY,GAAG,EAAE,GAAG,CAAC;MAC7B0B,YAAY,EAAE;IAClB,CAAC;IACD9B,KAAK,GACD;MACIwB,IAAI,EAAE,UAAU;MAChBO,WAAW,EAAE,IAAI;MACjB7B,IAAI,EAAEF,KAAK;MACXgC,QAAQ,EAAE;QACNnB,IAAI,EAAE;MACV,CAAC;MACDoB,QAAQ,EAAE;QACNpB,IAAI,EAAE;MACV,CAAC;MACDqB,CAAC,EAAE,EAAE;MACLC,SAAS,EAAE;QACPxB,KAAK,EAAEH;MACX;IACJ,CAAC,EAAA4B,MAAA,CAAAjE,kBAAA,CACEmC,WAAW,EACjB;IACD+B,KAAK,EAAE;MACHpD,IAAI,EAAE,EAAE;MACRqD,aAAa,EAAE;QACX3B,KAAK,EAAEH;MACX,CAAC;MACDyB,QAAQ,EAAE;QACNpB,IAAI,EAAE;MACV,CAAC;MACDmB,QAAQ,EAAE;QACNnB,IAAI,EAAE;MACV,CAAC;MACDsB,SAAS,EAAE;QACPxB,KAAK,EAAEH;MACX,CAAC;MACD+B,WAAW,EAAE,CAAC;MACdC,SAAS,EAAE;QACPC,SAAS,EAAE;UACPjB,IAAI,EAAE,QAAQ;UACdb,KAAK,EAAE;QACX;MACJ;IACJ,CAAC;IACD+B,MAAM,EAAExC,IAAI,CAACyC,GAAG,CAAC,UAACC,IAAI,EAAK;MACvB,OAAOlF,MAAM,CAACmF,MAAM,CAACnF,MAAM,CAACmF,MAAM,CAAC;QAAErB,IAAI,EAAE,MAAM;QAAEvC,IAAI,EAAE2D,IAAI,CAAC3D,IAAI;QAAE6D,MAAM,EAAE,IAAI;QAC5E;QACAC,UAAU,EAAE;MAAE,CAAC,EAAEH,IAAI,CAAC,EAAE;QAAE1C,IAAI,EAAE0C,IAAI,CAAC1C,IAAI;QAAE8C,YAAY,EAAE,KAAK;QAAEC,UAAU,EAAEL,IAAI,CAACK,UAAU;QAAEtC,KAAK,EAAEiC,IAAI,CAACjC,KAAK,IAAI,EAAE;QAAEuC,KAAK,EAAEN,IAAI,CAACM,KAAK,GAAGN,IAAI,CAACM,KAAK,GAAG,CAAC;MAAE,CAAC,CAAC;IACpK,CAAC,CAAC;IACFC,QAAQ,EAAE/C,YAAY,GAChB,CACE;MACI;MACAoB,IAAI,EAAE,QAAQ;MACd4B,KAAK,EAAE,CAAC;MACRC,GAAG,EAAE,GAAG;MACRC,WAAW,EAAE,0BAA0B;MACvC5C,WAAW,EAAE,0BAA0B;MACvC6C,UAAU,EAAE,kLAAkL;MAC9LC,UAAU,EAAE,MAAM;MAClBC,MAAM,EAAE,EAAE;MACVC,WAAW,EAAE;QACT/C,KAAK,EAAE,MAAM;QACbgD,UAAU,EAAE,CAAC;QACbC,WAAW,EAAE,oBAAoB;QACjCC,aAAa,EAAE,CAAC;QAChBC,aAAa,EAAE;MACnB,CAAC;MACDC,cAAc,EAAE,KAAK;MACrBC,UAAU,EAAE;IAChB,CAAC,EACD;MACI;MACAxC,IAAI,EAAE,QAAQ;MACd4B,KAAK,EAAE,CAAC;MACRC,GAAG,EAAE,GAAG;MACRI,MAAM,EAAE;IACZ,CAAC,CACJ,GACC;EACV,CAAC;AACL,CAAC;AACD,IAAMQ,IAAI,GAAG,SAAPA,IAAIA,CAAAC,KAAA,EAAsE;EAAA,IAAhElE,KAAK,GAAAkE,KAAA,CAALlE,KAAK;IAAEE,IAAI,GAAAgE,KAAA,CAAJhE,IAAI;IAAEiE,KAAK,GAAAD,KAAA,CAALC,KAAK;IAAEC,UAAU,GAAAF,KAAA,CAAVE,UAAU;IAAEhE,YAAY,GAAA8D,KAAA,CAAZ9D,YAAY;IAAEE,WAAW,GAAA4D,KAAA,CAAX5D,WAAW;EACrE,IAAM+D,aAAa,GAAG,IAAAC,aAAM,GAAE;EAC9B,IAAAC,YAAA,GAA0B,IAAAC,wBAAW,GAAE;IAA/BjE,MAAM,GAAAgE,YAAA,CAANhE,MAAM;IAAEkE,KAAK,GAAAF,YAAA,CAALE,KAAK;EACrB;EACA,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAA,EAAS;IACpB,IAAIC,EAAE;IACN,IAAMC,eAAe,GAAG,CAACD,EAAE,GAAGN,aAAa,KAAK,IAAI,IAAIA,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,aAAa,CAACQ,OAAO,MAAM,IAAI,IAAIF,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAACG,kBAAkB,EAAE;IAC/K,IAAIF,eAAe,EAAE;MACjB,IAAIG,MAAM,GAAGH,eAAe,CAACI,UAAU,CAAC;QACpC/D,UAAU,EAAE,CAAC;QACbG,eAAe,EAAE,MAAM;QACvBJ,iBAAiB,EAAE;QACf;QACA,SAAS,CACZ;QACDQ,IAAI,EAAE,KAAK,CAAE;MACjB,CAAC,CAAC;;MACF,IAAAyD,mBAAY,EAACF,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC;IACtC;EACJ,CAAC;EACD,oBAAQG,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAO,CAAC,EACpDhB,UAAU,iBAAKc,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,oBAAAhD,MAAA,CAAoBqC,KAAK;EAAG,CAAC,eAC9ES,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE,KAAK;IAAEC,OAAO,EAAE,SAAAA,QAAA,EAAM;MACtDX,SAAS,EAAE;IACf;EAAE,CAAC,eACHQ,iBAAK,CAACC,aAAa,CAACG,iBAAe,EAAE;IAAEnB,KAAK,EAAE;MAAExD,KAAK,EAAE,0BAA0B;MAAE4E,QAAQ,EAAE;IAAG;EAAE,CAAC,CAAC,CAAC,CAAE,eAC/GL,iBAAK,CAACC,aAAa,CAACK,2BAAY,EAAE;IAAEC,GAAG,EAAEpB,aAAa;IAAEqB,MAAM,EAAE7F,SAAS,CAAC;MAAEG,KAAK,EAALA,KAAK;MAAEE,IAAI,EAAJA,IAAI;MAAEE,YAAY,EAAZA,YAAY;MAAEE,WAAW,EAAXA,WAAW;MAAEC,MAAM,EAANA;IAAO,CAAC,CAAC;IAAE4D,KAAK,EAAEzG,MAAM,CAACmF,MAAM,CAAC;MAAEY,MAAM,EAAE,MAAM;MAAEkC,KAAK,EAAE;IAAO,CAAC,EAAExB,KAAK,CAAC;IAAEyB,QAAQ,EAAE,IAAI;IAAEC,UAAU,EAAE;EAAK,CAAC,CAAC,CAAC;AAC3O,CAAC;AAAC,IAAAC,QAAA,GACa7B,IAAI;AAAA8B,OAAA,cAAAD,QAAA"}

package/lib/vm-charts/Pie.js

@@ -52,7 +52,7 @@ var getOption = function getOption(_ref) {
     series: [{
       name: name,
       type: 'pie',
-      radius: '85%',
+      radius: '90%',
       center: ['26%', '50%'],
       data: data,
       label: {

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

@@ -1 +1 @@
-{"version":3,"file":"Pie.js","names":["_react","_interopRequireWildcard","require","_echartsForReact","_interopRequireDefault","_useSettings","_utils","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","getOption","_ref","_ref$data","data","_ref$name","name","isDark","textColor","bgColor","borderColor","color","tooltip","trigger","backgroundColor","textStyle","legend","type","orient","top","right","itemWidth","itemHeight","grid","left","bottom","containLabel","series","radius","center","label","show","Pie","_ref2","style","echartClick","exportShow","echarts_react","useRef","_UseSettings","UseSettings","saveImage","_a","echartsInstance","current","getEchartsInstance","imgUrl","getDataURL","pixelRatio","excludeComponents","downloadFile","React","createElement","Fragment","className","onClick","ReactEcharts","ref","onEvents","click","option","notMerge","lazyUpdate","assign","height","_default","exports"],"sources":["vm-charts/Pie.js"],"sourcesContent":["import React, { useRef } from 'react';\nimport ReactEcharts from 'echarts-for-react';\nimport UseSettings from '../vm-hooks/useSettings';\nimport { downloadFile } from '@vtx/utils';\nconst getOption = ({ data = [], name = '', 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        tooltip: {\n            trigger: 'item',\n            backgroundColor: bgColor,\n            borderColor: borderColor,\n            textStyle: {\n                color: textColor,\n            },\n        },\n        legend: {\n            type: 'scroll',\n            orient: 'vertical',\n            top: 0,\n            right: 10,\n            itemWidth: 10,\n            itemHeight: 10,\n            textStyle: {\n                color: textColor,\n            },\n        },\n        grid: {\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            containLabel: true,\n        },\n        series: [\n            {\n                name,\n                type: 'pie',\n                radius: '85%',\n                center: ['26%', '50%'],\n                data,\n                label: {\n                    show: false,\n                    color: textColor,\n                },\n            },\n        ],\n    };\n};\nconst Pie = ({ data, name, style, echartClick, exportShow }) => {\n    const echarts_react = useRef();\n    const { isDark } = 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(React.Fragment, null,\n        exportShow && (React.createElement(\"div\", { className: \"btn-wrap\" },\n            React.createElement(\"div\", { className: \"btn\", onClick: () => {\n                    saveImage();\n                } }, \"\\u5BFC\\u51FA\\u56FE\\u7247\"))),\n        React.createElement(ReactEcharts, { ref: echarts_react, onEvents: { click: echartClick }, option: getOption({ data, name, isDark }), notMerge: true, lazyUpdate: true, style: Object.assign({ height: '100%' }, style) })));\n};\nexport default Pie;\n"],"mappings":"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"}
+{"version":3,"file":"Pie.js","names":["_react","_interopRequireWildcard","require","_echartsForReact","_interopRequireDefault","_useSettings","_utils","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","getOption","_ref","_ref$data","data","_ref$name","name","isDark","textColor","bgColor","borderColor","color","tooltip","trigger","backgroundColor","textStyle","legend","type","orient","top","right","itemWidth","itemHeight","grid","left","bottom","containLabel","series","radius","center","label","show","Pie","_ref2","style","echartClick","exportShow","echarts_react","useRef","_UseSettings","UseSettings","saveImage","_a","echartsInstance","current","getEchartsInstance","imgUrl","getDataURL","pixelRatio","excludeComponents","downloadFile","React","createElement","Fragment","className","onClick","ReactEcharts","ref","onEvents","click","option","notMerge","lazyUpdate","assign","height","_default","exports"],"sources":["vm-charts/Pie.js"],"sourcesContent":["import React, { useRef } from 'react';\nimport ReactEcharts from 'echarts-for-react';\nimport UseSettings from '../vm-hooks/useSettings';\nimport { downloadFile } from \"@vtx/utils\";\nconst getOption = ({ data = [], name = '', 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        tooltip: {\n            trigger: 'item',\n            backgroundColor: bgColor,\n            borderColor: borderColor,\n            textStyle: {\n                color: textColor,\n            },\n        },\n        legend: {\n            type: 'scroll',\n            orient: 'vertical',\n            top: 0,\n            right: 10,\n            itemWidth: 10,\n            itemHeight: 10,\n            textStyle: {\n                color: textColor,\n            },\n        },\n        grid: {\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            containLabel: true,\n        },\n        series: [\n            {\n                name,\n                type: 'pie',\n                radius: '90%',\n                center: ['26%', '50%'],\n                data,\n                label: {\n                    show: false,\n                    color: textColor,\n                },\n            },\n        ],\n    };\n};\nconst Pie = ({ data, name, style, echartClick, exportShow }) => {\n    const echarts_react = useRef();\n    const { isDark } = 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(React.Fragment, null,\n        exportShow && (React.createElement(\"div\", { className: \"btn-wrap\" },\n            React.createElement(\"div\", { className: \"btn\", onClick: () => {\n                    saveImage();\n                } }, \"\\u5BFC\\u51FA\\u56FE\\u7247\"))),\n        React.createElement(ReactEcharts, { ref: echarts_react, onEvents: { click: echartClick }, option: getOption({ data, name, isDark }), notMerge: true, lazyUpdate: true, style: Object.assign({ height: '100%' }, style) })));\n};\nexport default Pie;\n"],"mappings":"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"}

package/lib/vm-charts/index.less

@@ -1,30 +1,30 @@
-.wrap {
-    position: relative;
-    height: 100%;
-    .exportBtn-wrap {
-        position: absolute;
-        right: 0px;
-        top: 0px;
-        width: 88px;
-        height: 32px;
-        // background: #4690f9;
-        z-index: 99;
-        &.dark {
-            // border: 1px solid;
-            // border-image: linear-gradient(0deg, #000000, #2f89e2, #2f89e2, #5fadfa) 10 10;
-            // background: linear-gradient(180deg, #2f89e2 0%, #16497a 100%);
-            // border-radius: 2px;
-        }
-
-        .btn {
-            text-align: right;
-            // padding: 0px 14px;
-            // border-radius: 5px;
-            color: #fff;
-            font-size: 14px;
-            font-family: PingFang SC;
-            font-weight: bold;
-            cursor: pointer;
-        }
-    }
-}
+.wrap {
+    position: relative;
+    height: 100%;
+    .exportBtn-wrap {
+        position: absolute;
+        right: 0px;
+        top: 0px;
+        width: 88px;
+        height: 32px;
+        // background: #4690f9;
+        z-index: 99;
+        &.dark {
+            // border: 1px solid;
+            // border-image: linear-gradient(0deg, #000000, #2f89e2, #2f89e2, #5fadfa) 10 10;
+            // background: linear-gradient(180deg, #2f89e2 0%, #16497a 100%);
+            // border-radius: 2px;
+        }
+
+        .btn {
+            text-align: right;
+            // padding: 0px 14px;
+            // border-radius: 5px;
+            color: #fff;
+            font-size: 14px;
+            font-family: PingFang SC;
+            font-weight: bold;
+            cursor: pointer;
+        }
+    }
+}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_tslib","require","_antd","_react","_interopRequireDefault","_useSettings3","obj","__esModule","VmCheckbox","props","children","ext","__rest","_useSettings","useSettings","theme","React","createElement","Checkbox","Object","assign","className","concat","VmCheckboxGroup","_useSettings2","Group","exports","_default"],"sources":["vm-checkbox/index.js"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { Checkbox } from 'antd';\nimport React from 'react';\nimport useSettings from '../vm-hooks/useSettings';\nimport './style';\nconst VmCheckbox = (props) => {\n    const { children } = props, ext = __rest(props, [\"children\"]);\n    const { theme } = useSettings();\n    return (React.createElement(Checkbox, Object.assign({ className: `ant-checkbox ${theme}` }, ext), children));\n};\nexport const VmCheckboxGroup = (props) => {\n    const { children } = props, ext = __rest(props, [\"children\"]);\n    const { theme } = useSettings();\n    return (React.createElement(Checkbox.Group, Object.assign({ className: `ant-checkbox-group ${theme}` }, ext), children));\n};\nexport default VmCheckbox;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,aAAA,GAAAD,sBAAA,CAAAH,OAAA;AACAA,OAAA;AAAiB,SAAAG,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AACjB,IAAME,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAK,EAAK;EACpB,IAAEC,QAAQ,GAAKD,KAAK,CAAlBC,QAAQ;IAAYC,GAAG,GAAG,IAAAC,aAAM,EAACH,KAAK,EAAE,CAAC,UAAU,CAAC,CAAC;EAC7D,IAAAI,YAAA,GAAkB,IAAAC,wBAAW,EAAC,CAAC;IAAvBC,KAAK,GAAAF,YAAA,CAALE,KAAK;EACb,oBAAQC,iBAAK,CAACC,aAAa,CAACC,cAAQ,EAAEC,MAAM,CAACC,MAAM,CAAC;IAAEC,SAAS,kBAAAC,MAAA,CAAkBP,KAAK;EAAG,CAAC,EAAEJ,GAAG,CAAC,EAAED,QAAQ,CAAC;AAC/G,CAAC;AACM,IAAMa,eAAe,GAAG,SAAlBA,eAAeA,CAAId,KAAK,EAAK;EAChC,IAAEC,QAAQ,GAAKD,KAAK,CAAlBC,QAAQ;IAAYC,GAAG,GAAG,IAAAC,aAAM,EAACH,KAAK,EAAE,CAAC,UAAU,CAAC,CAAC;EAC7D,IAAAe,aAAA,GAAkB,IAAAV,wBAAW,EAAC,CAAC;IAAvBC,KAAK,GAAAS,aAAA,CAALT,KAAK;EACb,oBAAQC,iBAAK,CAACC,aAAa,CAACC,cAAQ,CAACO,KAAK,EAAEN,MAAM,CAACC,MAAM,CAAC;IAAEC,SAAS,wBAAAC,MAAA,CAAwBP,KAAK;EAAG,CAAC,EAAEJ,GAAG,CAAC,EAAED,QAAQ,CAAC;AAC3H,CAAC;AAACgB,OAAA,CAAAH,eAAA,GAAAA,eAAA;AAAA,IAAAI,QAAA,GACanB,UAAU;AAAAkB,OAAA,cAAAC,QAAA"}
+{"version":3,"file":"index.js","names":["_tslib","require","_antd","_react","_interopRequireDefault","_useSettings3","obj","__esModule","VmCheckbox","props","children","ext","__rest","_useSettings","useSettings","theme","React","createElement","Checkbox","Object","assign","className","concat","VmCheckboxGroup","_useSettings2","Group","exports","_default"],"sources":["vm-checkbox/index.js"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { Checkbox } from 'antd';\nimport React from 'react';\nimport useSettings from '../vm-hooks/useSettings';\nimport './style';\nconst VmCheckbox = (props) => {\n    const { children } = props, ext = __rest(props, [\"children\"]);\n    const { theme } = useSettings();\n    return (React.createElement(Checkbox, Object.assign({ className: `ant-checkbox ${theme}` }, ext), children));\n};\nexport const VmCheckboxGroup = (props) => {\n    const { children } = props, ext = __rest(props, [\"children\"]);\n    const { theme } = useSettings();\n    return (React.createElement(Checkbox.Group, Object.assign({ className: `ant-checkbox-group ${theme}` }, ext), children));\n};\nexport default VmCheckbox;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,aAAA,GAAAD,sBAAA,CAAAH,OAAA;AACAA,OAAA;AAAiB,SAAAG,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AACjB,IAAME,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAK,EAAK;EACpB,IAAEC,QAAQ,GAAKD,KAAK,CAAlBC,QAAQ;IAAYC,GAAG,GAAG,IAAAC,aAAM,EAACH,KAAK,EAAE,CAAC,UAAU,CAAC,CAAC;EAC7D,IAAAI,YAAA,GAAkB,IAAAC,wBAAW,GAAE;IAAvBC,KAAK,GAAAF,YAAA,CAALE,KAAK;EACb,oBAAQC,iBAAK,CAACC,aAAa,CAACC,cAAQ,EAAEC,MAAM,CAACC,MAAM,CAAC;IAAEC,SAAS,kBAAAC,MAAA,CAAkBP,KAAK;EAAG,CAAC,EAAEJ,GAAG,CAAC,EAAED,QAAQ,CAAC;AAC/G,CAAC;AACM,IAAMa,eAAe,GAAG,SAAlBA,eAAeA,CAAId,KAAK,EAAK;EAChC,IAAEC,QAAQ,GAAKD,KAAK,CAAlBC,QAAQ;IAAYC,GAAG,GAAG,IAAAC,aAAM,EAACH,KAAK,EAAE,CAAC,UAAU,CAAC,CAAC;EAC7D,IAAAe,aAAA,GAAkB,IAAAV,wBAAW,GAAE;IAAvBC,KAAK,GAAAS,aAAA,CAALT,KAAK;EACb,oBAAQC,iBAAK,CAACC,aAAa,CAACC,cAAQ,CAACO,KAAK,EAAEN,MAAM,CAACC,MAAM,CAAC;IAAEC,SAAS,wBAAAC,MAAA,CAAwBP,KAAK;EAAG,CAAC,EAAEJ,GAAG,CAAC,EAAED,QAAQ,CAAC;AAC3H,CAAC;AAACgB,OAAA,CAAAH,eAAA,GAAAA,eAAA;AAAA,IAAAI,QAAA,GACanB,UAAU;AAAAkB,OAAA,cAAAC,QAAA"}

package/lib/vm-checkbox/style/index.less

@@ -1,25 +1,25 @@
-.ant-checkbox-group {
-    --background-active: #308de9;
-    --border: 1px solid #e6d9d9;
-    &.dark {
-        --background-active: #308de9;
-        --background: #cad8e6;
-        --border: 1px solid #1c3f63;
-        .ant-checkbox-wrapper {
-            color: #fff;
-        }
-    }
-    .ant-checkbox-checked .ant-checkbox-inner {
-        width: 18px;
-        height: 18px;
-        background: var(--background-active);
-        border-radius: 2px;
-    }
-    .ant-checkbox-inner {
-        width: 18px;
-        height: 18px;
-        background: var(--background);
-        border: var(--border);
-        border-radius: 2px;
-    }
-}
+.ant-checkbox-group {
+  --background-active: #308de9;
+  --border: 1px solid #e6d9d9;
+  &.dark {
+    --background-active: #308de9;
+    --background: #cad8e6;
+    --border: 1px solid #1c3f63;
+    .ant-checkbox-wrapper {
+      color: #fff;
+    }
+  }
+  .ant-checkbox-checked .ant-checkbox-inner {
+    width: 18px;
+    height: 18px;
+    background: var(--background-active);
+    border-radius: 2px;
+  }
+  .ant-checkbox-inner {
+    width: 18px;
+    height: 18px;
+    background: var(--background);
+    border: var(--border);
+    border-radius: 2px;
+  }
+}

package/lib/vm-container/style/index.less

@@ -1,28 +1,29 @@
-.container {
-    padding: 10px;
-    background: var(--bg-color2);
-    height: 100%;
-    .title-wrap {
-        display: flex;
-        justify-content: space-between;
-        .title-title {
-            font-size: 18px;
-            font-family: PingFang SC;
-            font-weight: 800;
-            color: var(--sub-title-color);
-
-            .title-text {
-                color: var(--info-color);
-            }
-        }
-        .title-headerContent {
-            color: var(--sub-title-color);
-        }
-    }
-    .content {
-        padding: 10px 0;
-        // height: calc(100% - 32px);
-        overflow-y: auto;
-        overflow-x: hidden;
-    }
-}
+
+.container {
+    padding: 10px;
+    background: var(--bg-color2);
+    height: 100%;
+    .title-wrap {
+        display: flex;
+        justify-content: space-between;
+        .title-title {
+            font-size: 18px;
+            font-family: PingFang SC;
+            font-weight: 800;
+            color: var(--sub-title-color);
+
+            .title-text {
+                color: var(--info-color);
+            }
+        }
+        .title-headerContent {
+            color: var(--sub-title-color)
+        }
+    }
+    .content {
+        padding: 10px 0;
+        // height: calc(100% - 32px);
+        overflow-y: auto;
+        overflow-x: hidden;
+    }
+}