win-chart 2.13.0 → 3.0.0

package/dist/cjs/components/WinChart.cjs

@@ -0,0 +1,125 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    WinChart: ()=>WinChart
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_ChartWrapper_cjs_namespaceObject = require("./ChartWrapper.cjs");
+const external_react_namespaceObject = require("react");
+const getChartOptions_cjs_namespaceObject = require("../utils/getChartOptions.cjs");
+const external_echarts_namespaceObject = require("echarts");
+const const_cjs_namespaceObject = require("../utils/const.cjs");
+const tool_cjs_namespaceObject = require("../utils/tool.cjs");
+const win_light_cjs_namespaceObject = require("../theme/win-light.cjs");
+var win_light_cjs_default = /*#__PURE__*/ __webpack_require__.n(win_light_cjs_namespaceObject);
+const win_dark_cjs_namespaceObject = require("../theme/win-dark.cjs");
+var win_dark_cjs_default = /*#__PURE__*/ __webpack_require__.n(win_dark_cjs_namespaceObject);
+const external_deepmerge_namespaceObject = require("deepmerge");
+var external_deepmerge_default = /*#__PURE__*/ __webpack_require__.n(external_deepmerge_namespaceObject);
+const index_cjs_namespaceObject = require("../types/index.cjs");
+external_echarts_namespaceObject.registerTheme('light', external_deepmerge_default()(win_light_cjs_default(), const_cjs_namespaceObject.commonOpt));
+external_echarts_namespaceObject.registerTheme('dark', external_deepmerge_default()(win_dark_cjs_default(), const_cjs_namespaceObject.commonOpt));
+const mergeOption = {
+    arrayMerge: (_destinationArray, sourceArray)=>sourceArray
+};
+const WinChart = (props)=>{
+    const boxRef = (0, external_react_namespaceObject.useRef)(null);
+    const [instance, setInstance] = (0, external_react_namespaceObject.useState)();
+    const [refreshTag, setRefreshTag] = (0, external_react_namespaceObject.useState)(1);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        const chart = external_echarts_namespaceObject.init(boxRef.current, props.theme ?? 'light');
+        setInstance(chart);
+        const resize = (0, tool_cjs_namespaceObject.debounce)(chart.resize, 500);
+        const handlerResize = ()=>resize();
+        globalThis.addEventListener('resize', handlerResize);
+        return ()=>{
+            globalThis.removeEventListener('resize', handlerResize);
+        };
+    }, [
+        props.theme
+    ]);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (instance && refreshTag) {
+            const actualChartHeight = instance.getHeight() - 48;
+            const newProps = {
+                ...props,
+                ...props.chartType === index_cjs_namespaceObject.WinChartType.CYCLE && !props.cycleCenterConfig && {
+                    cycleCenterConfig: {
+                        title: {
+                            top: actualChartHeight / 2 + 24
+                        },
+                        content: {
+                            top: actualChartHeight / 2 - 8
+                        }
+                    }
+                }
+            };
+            const { extraOption = {}, extraSeriesOption } = newProps;
+            instance.clear();
+            const option = external_deepmerge_default()((0, tool_cjs_namespaceObject.mergeSeriesOption)((0, getChartOptions_cjs_namespaceObject.getEChartOptions)(newProps), extraSeriesOption), extraOption, mergeOption);
+            instance.setOption(option);
+            newProps.onLoad?.(instance);
+            const timer = setTimeout(()=>{
+                instance.resize();
+            }, 500);
+            return ()=>{
+                clearTimeout(timer);
+            };
+        }
+    }, [
+        instance,
+        props,
+        refreshTag
+    ]);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (instance) instance.on('refresh', ()=>{
+            setRefreshTag((refreshTag)=>refreshTag + 1);
+        });
+    }, [
+        instance
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_ChartWrapper_cjs_namespaceObject.ChartWrapper, {
+        ref: boxRef,
+        className: props.className,
+        style: props.style
+    });
+};
+exports.WinChart = __webpack_exports__.WinChart;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "WinChart"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/index.cjs

@@ -0,0 +1,58 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    EarthChart: ()=>EarthChart_cjs_namespaceObject.EarthChart,
+    default: ()=>src,
+    echarts: ()=>external_echarts_namespaceObject,
+    IWinChartProps: ()=>index_cjs_namespaceObject.IWinChartProps,
+    IChartInfo: ()=>index_cjs_namespaceObject.IChartInfo,
+    WinChart: ()=>WinChart_cjs_namespaceObject.WinChart,
+    WinChartType: ()=>index_cjs_namespaceObject.WinChartType
+});
+const external_echarts_namespaceObject = require("echarts");
+const WinChart_cjs_namespaceObject = require("./components/WinChart.cjs");
+const index_cjs_namespaceObject = require("./types/index.cjs");
+const EarthChart_cjs_namespaceObject = require("./components/EarthChart.cjs");
+const src = WinChart_cjs_namespaceObject.WinChart;
+exports.EarthChart = __webpack_exports__.EarthChart;
+exports.IChartInfo = __webpack_exports__.IChartInfo;
+exports.IWinChartProps = __webpack_exports__.IWinChartProps;
+exports.WinChart = __webpack_exports__.WinChart;
+exports.WinChartType = __webpack_exports__.WinChartType;
+exports["default"] = __webpack_exports__["default"];
+exports.echarts = __webpack_exports__.echarts;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "EarthChart",
+    "IChartInfo",
+    "IWinChartProps",
+    "WinChart",
+    "WinChartType",
+    "default",
+    "echarts"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/types/index.cjs

@@ -0,0 +1,51 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    WinChartType: ()=>WinChartType
+});
+var 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;
+}({});
+exports.WinChartType = __webpack_exports__.WinChartType;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "WinChartType"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/utils/const.cjs

@@ -0,0 +1,68 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    COLOR_LIST: ()=>COLOR_LIST,
+    commonOpt: ()=>commonOpt
+});
+const COLOR_LIST = [
+    '#3D84FF',
+    '#00DCF0',
+    '#FCBC26',
+    '#00DB75',
+    '#BDB8FF',
+    '#40B4FF',
+    '#FFA101',
+    '#90ABE0',
+    '#6EE67A',
+    '#6B84FF',
+    '#FA6B69'
+];
+const commonOpt = {
+    grid: {
+        top: 24,
+        left: 0,
+        right: 12,
+        bottom: 32,
+        containLabel: true
+    },
+    color: COLOR_LIST,
+    legend: {
+        itemWidth: 10,
+        itemHeight: 10,
+        bottom: 0,
+        type: 'scroll',
+        icon: 'circle'
+    }
+};
+exports.COLOR_LIST = __webpack_exports__.COLOR_LIST;
+exports.commonOpt = __webpack_exports__.commonOpt;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "COLOR_LIST",
+    "commonOpt"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});