win-chart 3.0.2 → 3.0.3

package/dist/bun/types/utils/tool.d.ts

@@ -0,0 +1,140 @@
+import { IChartInfo, IWinChartProps } from '../types';
+import { graphic } from 'echarts';
+/**
+ * 判断是否为一个非空数组
+ * @param data 任意类型的数据
+ * @returns 如果是非空数组则为真
+ */
+export declare function isNonEmptyArray<T>(data: unknown): data is T[];
+/**
+ * 数据转百分比
+ * @param value
+ * @param num
+ */
+export declare const handleToPercent: (value: unknown, num?: number) => string;
+/**
+ * 数组去重
+ * @param data
+ * @returns
+ */
+export declare function arrDeduplication<T>(data?: T[]): T[];
+/**
+ * 数组求和
+ * @param list
+ */
+export declare const arraySum: (list?: number[]) => number;
+/**
+ * 判断是否为一个有效数组（有值，并且长度大于 0）
+ * @param data
+ * @returns
+ */
+export declare const checkEntityArr: (data: unknown) => boolean;
+/**
+ * 处理数据降序
+ * @param data
+ * @param order
+ * @returns
+ */
+export declare const dataDescOrder: (data?: IChartInfo[], order?: "asc" | "desc") => IChartInfo[] | undefined;
+/**
+ * 获取 X 轴刻度
+ * @param winChartProps
+ * @returns
+ */
+export declare const getMainAxisLabels: (winChartProps: IWinChartProps) => string[];
+/**
+ * 获取 type 数组
+ * @param winChartProps
+ * @returns
+ */
+export declare const getDataTypes: (winChartProps: IWinChartProps) => string[];
+/**
+ * 获取 extra type 数组
+ * @param winChartProps
+ * @returns
+ */
+export declare const getExtraDataTypes: (winChartProps: IWinChartProps) => string[];
+/**
+ * 获取 series 数据
+ * @param winChartProps
+ * @param type
+ * @param label
+ * @returns
+ */
+export declare const getSeriesDataByType: (winChartProps: IWinChartProps, type: string) => number[];
+/**
+ * 获取 series 标签
+ * @returns
+ */
+export declare const getSeriesLabelConfig: (winChartProps: IWinChartProps) => {
+    show: boolean;
+    formatter: string;
+    position: any;
+    showSymbol: boolean;
+} | {
+    show: boolean;
+    formatter?: undefined;
+    position?: undefined;
+    showSymbol?: undefined;
+};
+/**
+ * 处理主轴标签
+ * @param winChartProps
+ * @param name
+ * @returns
+ */
+export declare const handleMainAxisLabel: (winChartProps: IWinChartProps, name: string) => string;
+/**
+ * 获取 X 轴配置
+ * @param winChartProps
+ * @returns
+ */
+export declare const getXAxisOpt: (winChartProps: IWinChartProps) => echarts.XAXisComponentOption;
+/**
+ * 获取渐变颜色
+ * @param winChartProps
+ * @param color
+ * @returns
+ */
+export declare const getGradientColor: (winChartProps: IWinChartProps, color: string) => graphic.LinearGradient;
+/**
+ * 根据 value 排序
+ * @param arr
+ * @param order
+ * @returns
+ */
+export declare const sortArray: (arr: IChartInfo[], order: "asc" | "desc") => IChartInfo[];
+/**
+ * 根据 label 排序
+ * @param arr
+ * @param sortedLabels
+ * @returns
+ */
+export declare const sortArrayByLabel: (arr: IChartInfo[], sortedLabels: string[]) => IChartInfo[];
+/**
+ * 处理数据排序
+ * @param winChartProps
+ * @returns
+ */
+export declare const handleSort: (winChartProps: IWinChartProps) => IWinChartProps;
+export declare function debounce(func: Function, delay: number): Function;
+/**
+ * 合并 series 配置
+ * @param option
+ * @param seriesOption
+ * @returns
+ */
+export declare const mergeSeriesOption: (option: Partial<echarts.EChartsOption>, seriesOption?: echarts.SeriesOption[]) => Partial<import("echarts").EChartsOption>;
+/**
+ * 获取 label 颜色
+ * @param opt
+ * @returns
+ */
+export declare const getLabelColor: (opt: Partial<IWinChartProps>) => "rgba(255, 255, 255, 0.7)" | "rgba(0, 0, 0, 0.7)";
+/**
+ * 计算堆叠图汇总数据
+ * @param data
+ * @param labels 主轴标签列表，用于保证顺序一致
+ * @returns
+ */
+export declare function aggregateStackData(data: IChartInfo[], labels?: string[]): number[];

package/dist/cjs/components/__tests__/Playground.test.cjs

@@ -0,0 +1,90 @@
+"use strict";
+var __webpack_exports__ = {};
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_vitest_namespaceObject = require("vitest");
+const react_namespaceObject = require("@testing-library/react");
+const external_WinChart_cjs_namespaceObject = require("../WinChart.cjs");
+const index_cjs_namespaceObject = require("../../types/index.cjs");
+const mockData = [
+    {
+        label: 'Mon',
+        value: 120,
+        type: 'Series A'
+    },
+    {
+        label: 'Tue',
+        value: 200,
+        type: 'Series A'
+    },
+    {
+        label: 'Wed',
+        value: 150,
+        type: 'Series A'
+    },
+    {
+        label: 'Thu',
+        value: 80,
+        type: 'Series A'
+    },
+    {
+        label: 'Fri',
+        value: 70,
+        type: 'Series A'
+    },
+    {
+        label: 'Mon',
+        value: 130,
+        type: 'Series B'
+    },
+    {
+        label: 'Tue',
+        value: 180,
+        type: 'Series B'
+    },
+    {
+        label: 'Wed',
+        value: 160,
+        type: 'Series B'
+    },
+    {
+        label: 'Thu',
+        value: 90,
+        type: 'Series B'
+    },
+    {
+        label: 'Fri',
+        value: 60,
+        type: 'Series B'
+    }
+];
+(0, external_vitest_namespaceObject.describe)('Playground', ()=>{
+    (0, external_vitest_namespaceObject.it)('Development View', async ()=>{
+        (0, react_namespaceObject.render)(/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+            style: {
+                height: '500px',
+                width: '800px',
+                border: '1px solid #ccc',
+                padding: '20px'
+            },
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h2", {
+                    children: "WinChart Playground"
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_WinChart_cjs_namespaceObject.WinChart, {
+                    chartType: index_cjs_namespaceObject.WinChartType.LINE,
+                    data: mockData,
+                    extraOption: {
+                        title: {
+                            text: 'Development Chart'
+                        }
+                    }
+                })
+            ]
+        }));
+        await new Promise(()=>{});
+    }, 100000000);
+});
+for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/__tests__/WinChart.test.cjs

@@ -0,0 +1,112 @@
+"use strict";
+var __webpack_exports__ = {};
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_vitest_namespaceObject = require("vitest");
+const react_namespaceObject = require("@testing-library/react");
+const external_WinChart_cjs_namespaceObject = require("../WinChart.cjs");
+const index_cjs_namespaceObject = require("../../types/index.cjs");
+const mockData = [
+    {
+        label: 'Mon',
+        value: 12000,
+        type: 'Series A'
+    },
+    {
+        label: 'Tue',
+        value: 200,
+        type: 'Series A'
+    },
+    {
+        label: 'Wed',
+        value: 150,
+        type: 'Series A'
+    },
+    {
+        label: 'Thu',
+        value: 80,
+        type: 'Series A'
+    },
+    {
+        label: 'Fri',
+        value: 70,
+        type: 'Series A'
+    },
+    {
+        label: 'Mon',
+        value: 130,
+        type: 'Series B'
+    },
+    {
+        label: 'Tue',
+        value: 180,
+        type: 'Series B'
+    },
+    {
+        label: 'Wed',
+        value: 160,
+        type: 'Series B'
+    },
+    {
+        label: 'Thu',
+        value: 90,
+        type: 'Series B'
+    },
+    {
+        label: 'Fri',
+        value: 60,
+        type: 'Series B'
+    }
+];
+(0, external_vitest_namespaceObject.describe)('WinChart', ()=>{
+    (0, external_vitest_namespaceObject.it)('renders without crashing', ()=>{
+        (0, react_namespaceObject.render)(/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            style: {
+                height: '400px',
+                width: '600px'
+            },
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_WinChart_cjs_namespaceObject.WinChart, {
+                chartType: index_cjs_namespaceObject.WinChartType.LINE,
+                data: mockData
+            })
+        }));
+    });
+    (0, external_vitest_namespaceObject.it)('renders with title', ()=>{
+        const title = 'Test Chart';
+        (0, react_namespaceObject.render)(/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            style: {
+                height: '400px',
+                width: '600px'
+            },
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_WinChart_cjs_namespaceObject.WinChart, {
+                chartType: index_cjs_namespaceObject.WinChartType.LINE,
+                data: mockData,
+                extraOption: {
+                    title: {
+                        text: title
+                    }
+                },
+                style: {
+                    height: 200
+                }
+            })
+        }));
+    });
+    (0, external_vitest_namespaceObject.it)('renders canvas element', async ()=>{
+        const { container } = (0, react_namespaceObject.render)(/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            style: {
+                height: '400px',
+                width: '600px'
+            },
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_WinChart_cjs_namespaceObject.WinChart, {
+                chartType: index_cjs_namespaceObject.WinChartType.LINE,
+                data: mockData
+            })
+        }));
+        const canvas = container.querySelector('canvas');
+        (0, external_vitest_namespaceObject.expect)(canvas).toBeTruthy();
+    });
+});
+for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});