win-chart 2.13.0 → 3.0.1

package/dist/esm/components/EarthChart.js

@@ -0,0 +1,134 @@
+import { jsx } from "react/jsx-runtime";
+import { init } from "echarts";
+import "echarts-gl";
+import { useEffect, useRef, useState } from "react";
+import { ChartWrapper } from "./ChartWrapper.js";
+import { debounce } from "../utils/tool.js";
+const mockPointsData = [];
+for(let i = 0; i < 50; i++)mockPointsData.push({
+    name: `测试${i + 1}`,
+    value: [
+        150 * Math.random(),
+        50 * Math.random()
+    ],
+    symbolSize: 8
+});
+const mockLinesData = [];
+for(let i = 0; i < 10; i++)mockLinesData.push([
+    [
+        150 * Math.random(),
+        50 * Math.random()
+    ],
+    [
+        150 * Math.random(),
+        50 * Math.random()
+    ]
+]);
+const EarthChart = ({ className = '', style = {}, extraOption = {}, lineStyles = {}, pointsStyles = {}, pointsData = [], linesData = [], globeOption = {} })=>{
+    const boxRef = useRef(null);
+    const [eChart, setEChart] = useState();
+    useEffect(()=>{
+        const eChart = init(boxRef.current);
+        setEChart(eChart);
+        const resize = debounce(eChart.resize, 500);
+        const handlerResize = ()=>{
+            resize();
+        };
+        globalThis.addEventListener('resize', handlerResize);
+        return ()=>{
+            globalThis.removeEventListener('resize', handlerResize);
+        };
+    }, []);
+    useEffect(()=>{
+        if (eChart) {
+            const series = [];
+            series.push({
+                type: 'lines3D',
+                name: "lines3D",
+                effect: {
+                    show: true,
+                    trailWidth: 2,
+                    trailLength: 0.15,
+                    trailOpacity: 1,
+                    trailColor: 'rgb(30, 30, 60)'
+                },
+                lineStyle: {
+                    width: 5,
+                    color: 'rgb(50, 50, 150)',
+                    opacity: 0.3
+                },
+                blendMode: 'lighter',
+                data: linesData,
+                ...lineStyles
+            });
+            series.push({
+                type: 'scatter3D',
+                coordinateSystem: 'globe',
+                zlevel: 3,
+                rippleEffect: {
+                    brushType: 'stroke'
+                },
+                label: {
+                    fontSize: 8,
+                    show: true,
+                    position: 'right',
+                    formatter: '{b}'
+                },
+                itemStyle: {
+                    normal: {
+                        color: '#f5f802'
+                    }
+                },
+                data: pointsData,
+                ...pointsStyles
+            });
+            eChart.setOption({
+                backgroundColor: '#000',
+                baseColor: '#000',
+                shading: 'realistic',
+                globe: {
+                    environment: 'https://img.alicdn.com/imgextra/i2/O1CN017x8UE61p6wqej1Y0c_!!6000000005312-0-tps-2048-1024.jpg',
+                    heightTexture: 'https://img.alicdn.com/imgextra/i2/O1CN01BB16kM1ILFttfdYZg_!!6000000000876-0-tps-4096-2048.jpg',
+                    baseTexture: 'https://img.alicdn.com/imgextra/i4/O1CN01fs70Dq25ElSd8mU6C_!!6000000007495-0-tps-5400-2700.jpg',
+                    shading: 'lambert',
+                    light: {
+                        ambient: {
+                            intensity: 1
+                        },
+                        main: {
+                            intensity: 0.1
+                        }
+                    },
+                    viewControl: {
+                        autoRotate: true,
+                        distance: 230
+                    },
+                    left: '20%',
+                    ...globeOption
+                },
+                series: series,
+                ...extraOption
+            });
+            const timer = setTimeout(()=>{
+                eChart.resize();
+            }, 500);
+            return ()=>{
+                clearTimeout(timer);
+            };
+        }
+    }, [
+        eChart,
+        extraOption,
+        globeOption,
+        lineStyles,
+        linesData,
+        pointsData,
+        pointsStyles
+    ]);
+    return /*#__PURE__*/ jsx(ChartWrapper, {
+        ref: boxRef,
+        className: className,
+        style: style
+    });
+};
+export { EarthChart };

package/dist/esm/components/GanttChart.js

@@ -0,0 +1,268 @@
+import { jsx } from "react/jsx-runtime";
+import { format, graphic, init } from "echarts";
+import { useEffect, useRef, useState } from "react";
+import { ChartWrapper } from "./ChartWrapper.js";
+import { debounce } from "../utils/tool.js";
+import { airportData } from "../utils/data.js";
+const HEIGHT_RATIO = 0.6;
+const DIM_CATEGORY_INDEX = 0;
+const DIM_TIME_ARRIVAL = 1;
+const DIM_TIME_DEPARTURE = 2;
+const _cartesianXBounds = [];
+const _cartesianYBounds = [];
+const _rawData = airportData;
+const GanttChart = ({ className = '', style = {}, extraOption = {} })=>{
+    const boxRef = useRef(null);
+    const [eChart, setEChart] = useState();
+    useEffect(()=>{
+        const eChart = init(boxRef.current);
+        setEChart(eChart);
+        const resize = debounce(eChart.resize, 500);
+        const handlerResize = ()=>{
+            resize();
+        };
+        globalThis.addEventListener('resize', handlerResize);
+        return ()=>{
+            globalThis.removeEventListener('resize', handlerResize);
+        };
+    }, []);
+    useEffect(()=>{
+        if (eChart) {
+            eChart.setOption(makeOption());
+            const timer = setTimeout(()=>{
+                eChart.resize();
+            }, 500);
+            return ()=>{
+                clearTimeout(timer);
+            };
+        }
+    }, [
+        eChart,
+        extraOption
+    ]);
+    return /*#__PURE__*/ jsx(ChartWrapper, {
+        ref: boxRef,
+        className: className,
+        style: style
+    });
+};
+function makeOption() {
+    return {
+        tooltip: {},
+        animation: false,
+        toolbox: {
+            left: 20,
+            top: 0,
+            itemSize: 20
+        },
+        title: {
+            text: 'Gantt of Airport Flight',
+            left: 'center'
+        },
+        grid: {
+            show: true,
+            top: 70,
+            bottom: 20,
+            left: 100,
+            right: 20,
+            backgroundColor: '#fff',
+            borderWidth: 0
+        },
+        xAxis: {
+            type: 'time',
+            position: 'top',
+            splitLine: {
+                lineStyle: {
+                    color: [
+                        '#E9EDFF'
+                    ]
+                }
+            },
+            axisLine: {
+                show: false
+            },
+            axisTick: {
+                lineStyle: {
+                    color: '#929ABA'
+                }
+            },
+            axisLabel: {
+                color: '#929ABA',
+                inside: false,
+                align: 'center'
+            }
+        },
+        yAxis: {
+            axisTick: {
+                show: false
+            },
+            splitLine: {
+                show: false
+            },
+            axisLine: {
+                show: false
+            },
+            axisLabel: {
+                show: false
+            },
+            min: 0,
+            max: _rawData.parkingApron.data.length
+        },
+        series: [
+            {
+                id: 'flightData',
+                type: 'custom',
+                renderItem: renderGanttItem,
+                dimensions: _rawData.flight.dimensions,
+                encode: {
+                    x: [
+                        DIM_TIME_ARRIVAL,
+                        DIM_TIME_DEPARTURE
+                    ],
+                    y: DIM_CATEGORY_INDEX,
+                    tooltip: [
+                        DIM_CATEGORY_INDEX,
+                        DIM_TIME_ARRIVAL,
+                        DIM_TIME_DEPARTURE
+                    ]
+                },
+                data: _rawData.flight.data
+            },
+            {
+                type: 'custom',
+                renderItem: renderAxisLabelItem,
+                dimensions: _rawData.parkingApron.dimensions,
+                encode: {
+                    x: -1,
+                    y: 0
+                },
+                data: _rawData.parkingApron.data.map(function(item, index) {
+                    return [
+                        index
+                    ].concat(item);
+                })
+            }
+        ]
+    };
+}
+function renderGanttItem(params, api) {
+    const categoryIndex = api.value(DIM_CATEGORY_INDEX);
+    const timeArrival = api.coord([
+        api.value(DIM_TIME_ARRIVAL),
+        categoryIndex
+    ]);
+    const timeDeparture = api.coord([
+        api.value(DIM_TIME_DEPARTURE),
+        categoryIndex
+    ]);
+    const coordSys = params.coordSys;
+    _cartesianXBounds[0] = coordSys.x;
+    _cartesianXBounds[1] = coordSys.x + coordSys.width;
+    _cartesianYBounds[0] = coordSys.y;
+    _cartesianYBounds[1] = coordSys.y + coordSys.height;
+    const barLength = timeDeparture[0] - timeArrival[0];
+    const barHeight = api.size([
+        0,
+        1
+    ])[1] * HEIGHT_RATIO;
+    const x = timeArrival[0];
+    const y = timeArrival[1] - barHeight;
+    const flightNumber = api.value(3) + '';
+    const flightNumberWidth = format.getTextRect(flightNumber).width;
+    const text = barLength > flightNumberWidth + 40 && x + barLength >= 180 ? flightNumber : '';
+    const rectNormal = clipRectByRect(params, {
+        x: x,
+        y: y,
+        width: barLength,
+        height: barHeight
+    });
+    const rectVIP = clipRectByRect(params, {
+        x: x,
+        y: y,
+        width: barLength / 2,
+        height: barHeight
+    });
+    const rectText = clipRectByRect(params, {
+        x: x,
+        y: y,
+        width: barLength,
+        height: barHeight
+    });
+    return {
+        type: 'group',
+        children: [
+            {
+                type: 'rect',
+                ignore: !rectNormal,
+                shape: rectNormal,
+                style: api.style()
+            },
+            {
+                type: 'rect',
+                ignore: !rectVIP && !api.value(4),
+                shape: rectVIP,
+                style: api.style({
+                    fill: '#ddb30b'
+                })
+            },
+            {
+                type: 'rect',
+                ignore: !rectText,
+                shape: rectText,
+                style: api.style({
+                    fill: 'transparent',
+                    stroke: 'transparent',
+                    text: text,
+                    textFill: '#fff'
+                })
+            }
+        ]
+    };
+}
+function renderAxisLabelItem(params, api) {
+    const y = api.coord([
+        0,
+        api.value(0)
+    ])[1];
+    if (y < params.coordSys.y + 5) return;
+    return {
+        type: 'group',
+        position: [
+            10,
+            y
+        ],
+        children: [
+            {
+                type: 'text',
+                style: {
+                    x: 24,
+                    y: -3,
+                    text: api.value(1),
+                    textVerticalAlign: 'bottom',
+                    textAlign: 'center',
+                    textFill: '#fff'
+                }
+            },
+            {
+                type: 'text',
+                style: {
+                    x: 75,
+                    y: -2,
+                    textVerticalAlign: 'bottom',
+                    textAlign: 'center',
+                    text: api.value(2),
+                    textFill: '#000'
+                }
+            }
+        ]
+    };
+}
+function clipRectByRect(params, rect) {
+    return graphic.clipRectByRect(rect, {
+        x: params.coordSys.x,
+        y: params.coordSys.y,
+        width: params.coordSys.width,
+        height: params.coordSys.height
+    });
+}
+export { GanttChart };

package/dist/esm/components/WinChart.js

@@ -0,0 +1,79 @@
+import { jsx } from "react/jsx-runtime";
+import { ChartWrapper } from "./ChartWrapper.js";
+import { useEffect, useRef, useState } from "react";
+import { getEChartOptions } from "../utils/getChartOptions.js";
+import { init, registerTheme } from "echarts";
+import { commonOpt } from "../utils/const.js";
+import { debounce, mergeSeriesOption } from "../utils/tool.js";
+import win_light from "../theme/win-light.js";
+import win_dark from "../theme/win-dark.js";
+import deepmerge from "deepmerge";
+import { WinChartType } from "../types/index.js";
+registerTheme('light', deepmerge(win_light, commonOpt));
+registerTheme('dark', deepmerge(win_dark, commonOpt));
+const mergeOption = {
+    arrayMerge: (_destinationArray, sourceArray)=>sourceArray
+};
+const WinChart = (props)=>{
+    const boxRef = useRef(null);
+    const [instance, setInstance] = useState();
+    const [refreshTag, setRefreshTag] = useState(1);
+    useEffect(()=>{
+        const chart = init(boxRef.current, props.theme ?? 'light');
+        setInstance(chart);
+        const resize = debounce(chart.resize, 500);
+        const handlerResize = ()=>resize();
+        globalThis.addEventListener('resize', handlerResize);
+        return ()=>{
+            globalThis.removeEventListener('resize', handlerResize);
+        };
+    }, [
+        props.theme
+    ]);
+    useEffect(()=>{
+        if (instance && refreshTag) {
+            const actualChartHeight = instance.getHeight() - 48;
+            const newProps = {
+                ...props,
+                ...props.chartType === WinChartType.CYCLE && !props.cycleCenterConfig && {
+                    cycleCenterConfig: {
+                        title: {
+                            top: actualChartHeight / 2 + 24
+                        },
+                        content: {
+                            top: actualChartHeight / 2 - 8
+                        }
+                    }
+                }
+            };
+            const { extraOption = {}, extraSeriesOption } = newProps;
+            instance.clear();
+            const option = deepmerge(mergeSeriesOption(getEChartOptions(newProps), extraSeriesOption), extraOption, mergeOption);
+            instance.setOption(option);
+            newProps.onLoad?.(instance);
+            const timer = setTimeout(()=>{
+                instance.resize();
+            }, 500);
+            return ()=>{
+                clearTimeout(timer);
+            };
+        }
+    }, [
+        instance,
+        props,
+        refreshTag
+    ]);
+    useEffect(()=>{
+        if (instance) instance.on('refresh', ()=>{
+            setRefreshTag((refreshTag)=>refreshTag + 1);
+        });
+    }, [
+        instance
+    ]);
+    return /*#__PURE__*/ jsx(ChartWrapper, {
+        ref: boxRef,
+        className: props.className,
+        style: props.style
+    });
+};
+export { WinChart };

package/dist/esm/index.js

@@ -0,0 +1,6 @@
+import { WinChart } from "./components/WinChart.js";
+import { IChartInfo, IWinChartProps, WinChartType } from "./types/index.js";
+import { EarthChart } from "./components/EarthChart.js";
+import * as __rspack_external_echarts from "echarts";
+const src = WinChart;
+export { EarthChart, IChartInfo, IWinChartProps, WinChart, WinChartType, src as default, __rspack_external_echarts as echarts };

package/dist/esm/theme/win-dark.js

@@ -0,0 +1,63 @@
+var win_dark_namespaceObject = JSON.parse('{"color":["#5798ff","#00dcf0","#ffc94d","#00db75","#b8b3ff","#40b4ff","#ffa101","#90abe0","#6ee67a","#6b84ff","#fa6b69"],"backgroundColor":"transparent","textStyle":{},"title":{"textStyle":{"color":"#ffffff"},"subtextStyle":{"color":"#ffffff"}},"line":{"itemStyle":{"borderWidth":"1"},"lineStyle":{"width":"2"},"symbolSize":"6","symbol":"emptyCircle","smooth":true},"radar":{"itemStyle":{"borderWidth":"1"},"lineStyle":{"width":"2"},"symbolSize":"6","symbol":"emptyCircle","smooth":true},"bar":{"itemStyle":{"barBorderWidth":"0","barBorderColor":"#cccccc"}},"pie":{"itemStyle":{"borderWidth":"0","borderColor":"#cccccc"}},"scatter":{"itemStyle":{"borderWidth":"0","borderColor":"#cccccc"}},"boxplot":{"itemStyle":{"borderWidth":"0","borderColor":"#cccccc"}},"parallel":{"itemStyle":{"borderWidth":"0","borderColor":"#cccccc"}},"sankey":{"itemStyle":{"borderWidth":"0","borderColor":"#cccccc"}},"funnel":{"itemStyle":{"borderWidth":"0","borderColor":"#cccccc"}},"gauge":{"itemStyle":{"borderWidth":"0","borderColor":"#cccccc"}},"candlestick":{"itemStyle":{"color":"#f15451","color0":"#00c267","borderColor":"#f15451","borderColor0":"#00c267","borderWidth":1}},"graph":{"itemStyle":{"borderWidth":"0","borderColor":"#cccccc"},"lineStyle":{"width":"1","color":"#ffffff"},"symbolSize":"6","symbol":"emptyCircle","smooth":true,"color":["#5798ff","#00dcf0","#ffc94d","#00db75","#b8b3ff","#40b4ff","#ffa101","#90abe0","#6ee67a","#6b84ff","#fa6b69"],"label":{"color":"#ffffff"}},"map":{"itemStyle":{"areaColor":"#eee","borderColor":"#444","borderWidth":0.5},"label":{"color":"#000"},"emphasis":{"itemStyle":{"areaColor":"rgba(255,215,0,0.8)","borderColor":"#444","borderWidth":1},"label":{"color":"rgb(100,0,0)"}}},"geo":{"itemStyle":{"areaColor":"#eee","borderColor":"#444","borderWidth":0.5},"label":{"color":"#000"},"emphasis":{"itemStyle":{"areaColor":"rgba(255,215,0,0.8)","borderColor":"#444","borderWidth":1},"label":{"color":"rgb(100,0,0)"}}},"categoryAxis":{"axisLine":{"show":true,"lineStyle":{"color":"rgba(255,255,255,0.12)"}},"axisTick":{"show":true,"lineStyle":{"color":"rgba(255,255,255,0.12)"}},"axisLabel":{"show":true,"color":"rgba(255,255,255,0.5)"},"splitLine":{"show":false,"lineStyle":{"color":["#E0E6F1"]}},"splitArea":{"show":false,"areaStyle":{"color":["rgba(250,250,250,0.2)","rgba(210,219,238,0.2)"]}}},"valueAxis":{"axisLine":{"show":false,"lineStyle":{"color":"#6E7079"}},"axisTick":{"show":false,"lineStyle":{"color":"#6E7079"}},"axisLabel":{"show":true,"color":"rgba(255,255,255,0.5)"},"splitLine":{"show":true,"lineStyle":{"color":["rgba(255,255,255,0.12)"]}},"splitArea":{"show":false,"areaStyle":{"color":["rgba(250,250,250,0.2)","rgba(210,219,238,0.2)"]}}},"logAxis":{"axisLine":{"show":false,"lineStyle":{"color":"#6E7079"}},"axisTick":{"show":false,"lineStyle":{"color":"#6E7079"}},"axisLabel":{"show":true,"color":"rgba(255,255,255,0.5)"},"splitLine":{"show":true,"lineStyle":{"color":["rgba(255,255,255,0.12)"]}},"splitArea":{"show":false,"areaStyle":{"color":["rgba(250,250,250,0.2)","rgba(210,219,238,0.2)"]}}},"timeAxis":{"axisLine":{"show":true,"lineStyle":{"color":"rgba(255,255,255,0.12)"}},"axisTick":{"show":true,"lineStyle":{"color":"rgba(255,255,255,0.12)"}},"axisLabel":{"show":true,"color":"rgba(255,255,255,0.5)"},"splitLine":{"show":false,"lineStyle":{"color":["#E0E6F1"]}},"splitArea":{"show":false,"areaStyle":{"color":["rgba(250,250,250,0.2)","rgba(210,219,238,0.2)"]}}},"toolbox":{"iconStyle":{"borderColor":"#ffffff"},"emphasis":{"iconStyle":{"borderColor":"#ffffff"}}},"legend":{"textStyle":{"color":"#ffffff"}},"tooltip":{"axisPointer":{"lineStyle":{"color":"#ffffff","width":"1"},"crossStyle":{"color":"#ffffff","width":"1"}}},"timeline":{"lineStyle":{"color":"#ffffff","width":2},"itemStyle":{"color":"#ffffff","borderWidth":"1"},"controlStyle":{"color":"#ffffff","borderColor":"#ffffff","borderWidth":1},"checkpointStyle":{"color":"#5798ff","borderColor":"#ffffff"},"label":{"color":"#ffffff"},"emphasis":{"itemStyle":{"color":"#5798ff"},"controlStyle":{"color":"#ffffff","borderColor":"#ffffff","borderWidth":1},"label":{"color":"#ffffff"}}},"visualMap":{"color":["#062379","#2058d2","#3379ff","#a0cbff","#e8f4ff"]},"dataZoom":{"handleSize":"undefined%","textStyle":{}},"markPoint":{"label":{"color":"#ffffff"},"emphasis":{"label":{"color":"#ffffff"}}}}');
+var __webpack_exports__backgroundColor = win_dark_namespaceObject.backgroundColor;
+var __webpack_exports__bar = win_dark_namespaceObject.bar;
+var __webpack_exports__boxplot = win_dark_namespaceObject.boxplot;
+var __webpack_exports__candlestick = win_dark_namespaceObject.candlestick;
+var __webpack_exports__categoryAxis = win_dark_namespaceObject.categoryAxis;
+var __webpack_exports__color = win_dark_namespaceObject.color;
+var __webpack_exports__dataZoom = win_dark_namespaceObject.dataZoom;
+var __webpack_exports__funnel = win_dark_namespaceObject.funnel;
+var __webpack_exports__gauge = win_dark_namespaceObject.gauge;
+var __webpack_exports__geo = win_dark_namespaceObject.geo;
+var __webpack_exports__graph = win_dark_namespaceObject.graph;
+var __webpack_exports__legend = win_dark_namespaceObject.legend;
+var __webpack_exports__line = win_dark_namespaceObject.line;
+var __webpack_exports__logAxis = win_dark_namespaceObject.logAxis;
+var __webpack_exports__map = win_dark_namespaceObject.map;
+var __webpack_exports__markPoint = win_dark_namespaceObject.markPoint;
+var __webpack_exports__parallel = win_dark_namespaceObject.parallel;
+var __webpack_exports__pie = win_dark_namespaceObject.pie;
+var __webpack_exports__radar = win_dark_namespaceObject.radar;
+var __webpack_exports__sankey = win_dark_namespaceObject.sankey;
+var __webpack_exports__scatter = win_dark_namespaceObject.scatter;
+var __webpack_exports__textStyle = win_dark_namespaceObject.textStyle;
+var __webpack_exports__timeAxis = win_dark_namespaceObject.timeAxis;
+var __webpack_exports__timeline = win_dark_namespaceObject.timeline;
+var __webpack_exports__title = win_dark_namespaceObject.title;
+var __webpack_exports__toolbox = win_dark_namespaceObject.toolbox;
+var __webpack_exports__tooltip = win_dark_namespaceObject.tooltip;
+var __webpack_exports__valueAxis = win_dark_namespaceObject.valueAxis;
+var __webpack_exports__visualMap = win_dark_namespaceObject.visualMap;
+var __webpack_exports_default__ = {
+    backgroundColor: __webpack_exports__backgroundColor,
+    bar: __webpack_exports__bar,
+    boxplot: __webpack_exports__boxplot,
+    candlestick: __webpack_exports__candlestick,
+    categoryAxis: __webpack_exports__categoryAxis,
+    color: __webpack_exports__color,
+    dataZoom: __webpack_exports__dataZoom,
+    funnel: __webpack_exports__funnel,
+    gauge: __webpack_exports__gauge,
+    geo: __webpack_exports__geo,
+    graph: __webpack_exports__graph,
+    legend: __webpack_exports__legend,
+    line: __webpack_exports__line,
+    logAxis: __webpack_exports__logAxis,
+    map: __webpack_exports__map,
+    markPoint: __webpack_exports__markPoint,
+    parallel: __webpack_exports__parallel,
+    pie: __webpack_exports__pie,
+    radar: __webpack_exports__radar,
+    sankey: __webpack_exports__sankey,
+    scatter: __webpack_exports__scatter,
+    textStyle: __webpack_exports__textStyle,
+    timeAxis: __webpack_exports__timeAxis,
+    timeline: __webpack_exports__timeline,
+    title: __webpack_exports__title,
+    toolbox: __webpack_exports__toolbox,
+    tooltip: __webpack_exports__tooltip,
+    valueAxis: __webpack_exports__valueAxis,
+    visualMap: __webpack_exports__visualMap
+};
+export default __webpack_exports_default__;
+export { __webpack_exports__backgroundColor as backgroundColor, __webpack_exports__bar as bar, __webpack_exports__boxplot as boxplot, __webpack_exports__candlestick as candlestick, __webpack_exports__categoryAxis as categoryAxis, __webpack_exports__color as color, __webpack_exports__dataZoom as dataZoom, __webpack_exports__funnel as funnel, __webpack_exports__gauge as gauge, __webpack_exports__geo as geo, __webpack_exports__graph as graph, __webpack_exports__legend as legend, __webpack_exports__line as line, __webpack_exports__logAxis as logAxis, __webpack_exports__map as map, __webpack_exports__markPoint as markPoint, __webpack_exports__parallel as parallel, __webpack_exports__pie as pie, __webpack_exports__radar as radar, __webpack_exports__sankey as sankey, __webpack_exports__scatter as scatter, __webpack_exports__textStyle as textStyle, __webpack_exports__timeAxis as timeAxis, __webpack_exports__timeline as timeline, __webpack_exports__title as title, __webpack_exports__toolbox as toolbox, __webpack_exports__tooltip as tooltip, __webpack_exports__valueAxis as valueAxis, __webpack_exports__visualMap as visualMap };

package/dist/esm/theme/win-light.js

@@ -0,0 +1,63 @@
+var win_light_namespaceObject = JSON.parse('{"color":["#3379ff","#00dcf0","#ffc94d","#00db75","#b8b3ff","#40b4ff","#ffa101","#90abe0","#6ee67a","#6b84ff","#fa6b69"],"backgroundColor":"rgba(0,0,0,0)","textStyle":{},"title":{"textStyle":{"color":"#272f3d"},"subtextStyle":{"color":"#394252"}},"line":{"itemStyle":{"borderWidth":1},"lineStyle":{"width":2},"symbolSize":4,"symbol":"emptyCircle","smooth":false},"radar":{"itemStyle":{"borderWidth":1},"lineStyle":{"width":2},"symbolSize":4,"symbol":"emptyCircle","smooth":false},"bar":{"itemStyle":{"barBorderWidth":"0","barBorderColor":"#cccccc"}},"pie":{"itemStyle":{"borderWidth":"0","borderColor":"#cccccc"}},"scatter":{"itemStyle":{"borderWidth":"0","borderColor":"#cccccc"}},"boxplot":{"itemStyle":{"borderWidth":"0","borderColor":"#cccccc"}},"parallel":{"itemStyle":{"borderWidth":"0","borderColor":"#cccccc"}},"sankey":{"itemStyle":{"borderWidth":"0","borderColor":"#cccccc"}},"funnel":{"itemStyle":{"borderWidth":"0","borderColor":"#cccccc"}},"gauge":{"itemStyle":{"borderWidth":"0","borderColor":"#cccccc"}},"candlestick":{"itemStyle":{"color":"#f15451","color0":"#00c267","borderColor":"#f15451","borderColor0":"#00c267","borderWidth":1}},"graph":{"itemStyle":{"borderWidth":"0","borderColor":"#cccccc"},"lineStyle":{"width":"1","color":"#dfe3eb"},"symbolSize":4,"symbol":"emptyCircle","smooth":false,"color":["#3379ff","#00dcf0","#ffc94d","#00db75","#b8b3ff","#40b4ff","#ffa101","#90abe0","#6ee67a","#6b84ff","#fa6b69"],"label":{"color":"#ffffff"}},"map":{"itemStyle":{"areaColor":"#eee","borderColor":"#444","borderWidth":0.5},"label":{"color":"#000"},"emphasis":{"itemStyle":{"areaColor":"rgba(255,215,0,0.8)","borderColor":"#444","borderWidth":1},"label":{"color":"rgb(100,0,0)"}}},"geo":{"itemStyle":{"areaColor":"#eee","borderColor":"#444","borderWidth":0.5},"label":{"color":"#000"},"emphasis":{"itemStyle":{"areaColor":"rgba(255,215,0,0.8)","borderColor":"#444","borderWidth":1},"label":{"color":"rgb(100,0,0)"}}},"categoryAxis":{"axisLine":{"show":true,"lineStyle":{"color":"#eef0f5"}},"axisTick":{"show":true,"lineStyle":{"color":"#eef0f5"}},"axisLabel":{"show":true,"color":"#828b9e"},"splitLine":{"show":false,"lineStyle":{"color":["#E0E6F1"]}},"splitArea":{"show":false,"areaStyle":{"color":["rgba(250,250,250,0.2)","rgba(210,219,238,0.2)"]}}},"valueAxis":{"axisLine":{"show":false,"lineStyle":{"color":"#6E7079"}},"axisTick":{"show":false,"lineStyle":{"color":"#6E7079"}},"axisLabel":{"show":true,"color":"#828b9e"},"splitLine":{"show":true,"lineStyle":{"color":["#eef0f5"]}},"splitArea":{"show":false,"areaStyle":{"color":["rgba(250,250,250,0.2)","rgba(210,219,238,0.2)"]}}},"logAxis":{"axisLine":{"show":false,"lineStyle":{"color":"#6E7079"}},"axisTick":{"show":false,"lineStyle":{"color":"#6E7079"}},"axisLabel":{"show":true,"color":"#828b9e"},"splitLine":{"show":true,"lineStyle":{"color":["#eef0f5"]}},"splitArea":{"show":false,"areaStyle":{"color":["rgba(250,250,250,0.2)","rgba(210,219,238,0.2)"]}}},"timeAxis":{"axisLine":{"show":true,"lineStyle":{"color":"#eef0f5"}},"axisTick":{"show":true,"lineStyle":{"color":"#eef0f5"}},"axisLabel":{"show":true,"color":"#828b9e"},"splitLine":{"show":false,"lineStyle":{"color":["#E0E6F1"]}},"splitArea":{"show":false,"areaStyle":{"color":["rgba(250,250,250,0.2)","rgba(210,219,238,0.2)"]}}},"toolbox":{"iconStyle":{"borderColor":"#828c9e"},"emphasis":{"iconStyle":{"borderColor":"#394252"}}},"legend":{"textStyle":{"color":"#828b9e"}},"tooltip":{"axisPointer":{"lineStyle":{"color":"#ccd1db","width":"1"},"crossStyle":{"color":"#ccd1db","width":"1"}}},"timeline":{"lineStyle":{"color":"#eef0f5","width":2},"itemStyle":{"color":"#eef0f5","borderWidth":"1"},"controlStyle":{"color":"#828c9e","borderColor":"#828c9e","borderWidth":1},"checkpointStyle":{"color":"#3379ff","borderColor":"#ffffff"},"label":{"color":"#b1b9c7"},"emphasis":{"itemStyle":{"color":"#3379ff"},"controlStyle":{"color":"#828c9e","borderColor":"#828c9e","borderWidth":1},"label":{"color":"#b1b9c7"}}},"visualMap":{"color":["#062379","#2058d2","#3379ff","#a0cbff","#e8f4ff"]},"dataZoom":{"handleSize":"undefined%","textStyle":{}},"markPoint":{"label":{"color":"#ffffff"},"emphasis":{"label":{"color":"#ffffff"}}}}');
+var __webpack_exports__backgroundColor = win_light_namespaceObject.backgroundColor;
+var __webpack_exports__bar = win_light_namespaceObject.bar;
+var __webpack_exports__boxplot = win_light_namespaceObject.boxplot;
+var __webpack_exports__candlestick = win_light_namespaceObject.candlestick;
+var __webpack_exports__categoryAxis = win_light_namespaceObject.categoryAxis;
+var __webpack_exports__color = win_light_namespaceObject.color;
+var __webpack_exports__dataZoom = win_light_namespaceObject.dataZoom;
+var __webpack_exports__funnel = win_light_namespaceObject.funnel;
+var __webpack_exports__gauge = win_light_namespaceObject.gauge;
+var __webpack_exports__geo = win_light_namespaceObject.geo;
+var __webpack_exports__graph = win_light_namespaceObject.graph;
+var __webpack_exports__legend = win_light_namespaceObject.legend;
+var __webpack_exports__line = win_light_namespaceObject.line;
+var __webpack_exports__logAxis = win_light_namespaceObject.logAxis;
+var __webpack_exports__map = win_light_namespaceObject.map;
+var __webpack_exports__markPoint = win_light_namespaceObject.markPoint;
+var __webpack_exports__parallel = win_light_namespaceObject.parallel;
+var __webpack_exports__pie = win_light_namespaceObject.pie;
+var __webpack_exports__radar = win_light_namespaceObject.radar;
+var __webpack_exports__sankey = win_light_namespaceObject.sankey;
+var __webpack_exports__scatter = win_light_namespaceObject.scatter;
+var __webpack_exports__textStyle = win_light_namespaceObject.textStyle;
+var __webpack_exports__timeAxis = win_light_namespaceObject.timeAxis;
+var __webpack_exports__timeline = win_light_namespaceObject.timeline;
+var __webpack_exports__title = win_light_namespaceObject.title;
+var __webpack_exports__toolbox = win_light_namespaceObject.toolbox;
+var __webpack_exports__tooltip = win_light_namespaceObject.tooltip;
+var __webpack_exports__valueAxis = win_light_namespaceObject.valueAxis;
+var __webpack_exports__visualMap = win_light_namespaceObject.visualMap;
+var __webpack_exports_default__ = {
+    backgroundColor: __webpack_exports__backgroundColor,
+    bar: __webpack_exports__bar,
+    boxplot: __webpack_exports__boxplot,
+    candlestick: __webpack_exports__candlestick,
+    categoryAxis: __webpack_exports__categoryAxis,
+    color: __webpack_exports__color,
+    dataZoom: __webpack_exports__dataZoom,
+    funnel: __webpack_exports__funnel,
+    gauge: __webpack_exports__gauge,
+    geo: __webpack_exports__geo,
+    graph: __webpack_exports__graph,
+    legend: __webpack_exports__legend,
+    line: __webpack_exports__line,
+    logAxis: __webpack_exports__logAxis,
+    map: __webpack_exports__map,
+    markPoint: __webpack_exports__markPoint,
+    parallel: __webpack_exports__parallel,
+    pie: __webpack_exports__pie,
+    radar: __webpack_exports__radar,
+    sankey: __webpack_exports__sankey,
+    scatter: __webpack_exports__scatter,
+    textStyle: __webpack_exports__textStyle,
+    timeAxis: __webpack_exports__timeAxis,
+    timeline: __webpack_exports__timeline,
+    title: __webpack_exports__title,
+    toolbox: __webpack_exports__toolbox,
+    tooltip: __webpack_exports__tooltip,
+    valueAxis: __webpack_exports__valueAxis,
+    visualMap: __webpack_exports__visualMap
+};
+export default __webpack_exports_default__;
+export { __webpack_exports__backgroundColor as backgroundColor, __webpack_exports__bar as bar, __webpack_exports__boxplot as boxplot, __webpack_exports__candlestick as candlestick, __webpack_exports__categoryAxis as categoryAxis, __webpack_exports__color as color, __webpack_exports__dataZoom as dataZoom, __webpack_exports__funnel as funnel, __webpack_exports__gauge as gauge, __webpack_exports__geo as geo, __webpack_exports__graph as graph, __webpack_exports__legend as legend, __webpack_exports__line as line, __webpack_exports__logAxis as logAxis, __webpack_exports__map as map, __webpack_exports__markPoint as markPoint, __webpack_exports__parallel as parallel, __webpack_exports__pie as pie, __webpack_exports__radar as radar, __webpack_exports__sankey as sankey, __webpack_exports__scatter as scatter, __webpack_exports__textStyle as textStyle, __webpack_exports__timeAxis as timeAxis, __webpack_exports__timeline as timeline, __webpack_exports__title as title, __webpack_exports__toolbox as toolbox, __webpack_exports__tooltip as tooltip, __webpack_exports__valueAxis as valueAxis, __webpack_exports__visualMap as visualMap };

package/dist/esm/types/index.js

@@ -0,0 +1,17 @@
+var types_WinChartType = /*#__PURE__*/ function(WinChartType) {
+    WinChartType["MINI_AREA"] = "mini-area";
+    WinChartType["AREA"] = "area";
+    WinChartType["DUAL_LINE_BAR"] = "dual-line-bar";
+    WinChartType["STACK_DUAL_LINE_BAR"] = "stack-dual-line-bar";
+    WinChartType["COLUMN"] = "column";
+    WinChartType["STACK_COLUMN"] = "stack-column";
+    WinChartType["LINE"] = "line";
+    WinChartType["BAR"] = "bar";
+    WinChartType["STACK_BAR"] = "stack-bar";
+    WinChartType["FUNNEL"] = "funnel";
+    WinChartType["PIE"] = "pie";
+    WinChartType["CYCLE"] = "cycle";
+    WinChartType["RADAR"] = "radar";
+    return WinChartType;
+}({});
+export { types_WinChartType as WinChartType };