win-chart 3.0.2 → 3.0.3

package/dist/esm/utils/getPieSpec.js

@@ -1,10 +1,9 @@
 import { arraySum, dataDescOrder, getLabelColor, handleToPercent } from "./tool.js";
+import { ITEM_TOOLTIP_OPT } from "./const.js";
 const getPieOpt = (winChartProps)=>{
     const total = arraySum(winChartProps.data?.map((item)=>item.value));
     return {
-        tooltip: {
-            trigger: 'item'
-        },
+        tooltip: ITEM_TOOLTIP_OPT,
         legend: {
             bottom: 0,
             type: 'scroll'
@@ -39,9 +38,7 @@ const getPieOpt = (winChartProps)=>{
 const getPieCycleOpt = (winChartProps)=>{
     const total = arraySum(winChartProps.data?.map((item)=>item.value));
     return {
-        tooltip: {
-            trigger: 'item'
-        },
+        tooltip: ITEM_TOOLTIP_OPT,
         legend: {
             bottom: 0,
             type: 'scroll'

package/dist/esm/utils/getRadarSpec.js

@@ -1,12 +1,10 @@
 import { rgba } from "polished";
-import { COLOR_LIST } from "./const.js";
+import { COLOR_LIST, ITEM_TOOLTIP_OPT } from "./const.js";
 import { arrDeduplication } from "./tool.js";
 const getRadarOpt = (winChartProps)=>{
     const typeList = arrDeduplication(winChartProps.data?.map((item)=>winChartProps.reserveValueWithLabelType ? item.label : item.type));
     return {
-        tooltip: {
-            trigger: 'item'
-        },
+        tooltip: ITEM_TOOLTIP_OPT,
         legend: {
             bottom: 0,
             type: 'scroll'

package/dist/esm/utils/tool.js

@@ -133,14 +133,17 @@ const mergeSeriesOption = (option, seriesOption)=>{
     return option;
 };
 const getLabelColor = (opt)=>'dark' === opt.theme ? 'rgba(255, 255, 255, 0.7)' : 'rgba(0, 0, 0, 0.7)';
-function aggregateStackData(data) {
+function aggregateStackData(data, labels) {
     const result = data.reduce((acc, item)=>{
         const { label, value } = item;
-        if (!acc[label]) acc[label] = 0;
+        if (void 0 === acc[label]) acc[label] = 0;
         if (value) acc[label] += Number(value);
         return acc;
     }, {});
-    const totals = Object.values(result).map((totalValue)=>parseFloat(totalValue.toFixed(2)));
-    return totals;
+    if (labels && labels.length > 0) return labels.map((label)=>{
+        const val = result[label] || 0;
+        return parseFloat(val.toFixed(2));
+    });
+    return Object.values(result).map((totalValue)=>parseFloat(totalValue.toFixed(2)));
 }
 export { aggregateStackData, arrDeduplication, arraySum, checkEntityArr, dataDescOrder, debounce, getDataTypes, getExtraDataTypes, getGradientColor, getLabelColor, getMainAxisLabels, getSeriesDataByType, getSeriesLabelConfig, getXAxisOpt, handleMainAxisLabel, handleSort, handleToPercent, isNonEmptyArray, mergeSeriesOption, sortArray, sortArrayByLabel };

package/dist/types/components/__tests__/Playground.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/__tests__/WinChart.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/index.d.ts

@@ -3,6 +3,6 @@ import { WinChart } from './components/WinChart';
 import { WinChartType } from './types';
 import type { IChartInfo, IWinChartProps } from './types';
 import { EarthChart } from './components/EarthChart';
-export { WinChart, WinChartType, echarts, EarthChart, };
+export { WinChart, WinChartType, echarts, EarthChart };
 export type { IWinChartProps, IChartInfo };
 export default WinChart;

package/dist/types/types/index.d.ts

@@ -53,7 +53,7 @@ export interface IWinChartProps {
      */
     showStackTotal?: boolean;
 }
-interface ICenterConfig {
+export interface ICenterConfig {
     /**
      * 自定义统计显示内容
      */
@@ -124,4 +124,3 @@ export declare enum WinChartType {
      */
     RADAR = "radar"
 }
-export {};

package/dist/types/utils/const.d.ts

@@ -1,3 +1,4 @@
+import * as echarts from 'echarts';
 /**
  * 色值
  */
@@ -6,3 +7,8 @@ export declare const COLOR_LIST: string[];
  * 通用配置
  */
 export declare const commonOpt: Partial<echarts.EChartsOption>;
+/**
+ * 通用 Tooltip 配置
+ */
+export declare const COMMON_TOOLTIP_OPT: echarts.TooltipComponentOption;
+export declare const ITEM_TOOLTIP_OPT: echarts.TooltipComponentOption;

package/dist/types/utils/getDualSpec.d.ts

@@ -1,4 +1,5 @@
 import { IWinChartProps } from '../types';
+import * as echarts from 'echarts';
 /**
  * 双轴图（分组柱状 折线）
  * @param winChartProps

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

@@ -134,6 +134,7 @@ export declare const getLabelColor: (opt: Partial<IWinChartProps>) => "rgba(255,
 /**
  * 计算堆叠图汇总数据
  * @param data
+ * @param labels 主轴标签列表，用于保证顺序一致
  * @returns
  */
-export declare function aggregateStackData(data: IChartInfo[]): number[];
+export declare function aggregateStackData(data: IChartInfo[], labels?: string[]): number[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "win-chart",
-  "version": "3.0.2",
+  "version": "3.0.3",
   "description": "菜鸟地网统一图表组件",
   "sideEffects": false,
   "exports": {
@@ -19,7 +19,11 @@
   "type": "module",
   "scripts": {
     "dev": "rsbuild dev",
-    "build": "rslib build"
+    "build": "rslib build",
+    "test": "vitest --exclude **/Playground.test.tsx --exclude **/dist/**",
+    "test:ui": "vitest --ui",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   },
   "keywords": [
     "chart",
@@ -27,12 +31,12 @@
     "component"
   ],
   "dependencies": {
-    "dayjs": "^1.11.19",
     "deepmerge": "^4.3.1",
     "echarts": "^6.0.0",
     "echarts-gl": "^2.0.9",
     "polished": "^4.3.1",
-    "styled-components": "^6.1.19"
+    "styled-components": "^6.1.19",
+    "zrender": "^5.6.0"
   },
   "peerDependencies": {
     "react": "^18.3.1 || ^19.0.0",
@@ -43,21 +47,39 @@
     "@rsbuild/core": "~1.6.9",
     "@rsbuild/plugin-react": "^1.4.2",
     "@rslib/core": "^0.18.2",
+    "@storybook/addon-a11y": "^10.1.0",
+    "@storybook/addon-docs": "^10.1.0",
+    "@storybook/addon-onboarding": "^10.1.0",
+    "@storybook/react": "^10.1.0",
+    "@storybook/test": "^8.6.14",
+    "@testing-library/react": "^16.3.0",
     "@types/node": "^20.19.25",
     "@types/react": "^18.3.27",
     "@types/react-dom": "^18.3.7",
+    "@vitejs/plugin-react": "^5.1.1",
+    "@vitest/browser": "^4.0.14",
+    "@vitest/browser-playwright": "^4.0.14",
+    "@vitest/ui": "^4.0.14",
     "eslint": "^9.39.1",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-storybook": "^10.1.0",
     "globals": "^15.15.0",
+    "playwright": "^1.57.0",
     "prettier": "^3.7.1",
+    "storybook": "^10.1.0",
+    "storybook-react-rsbuild": "^3.0.0",
     "tslib": "^2.8.1",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.48.0"
+    "typescript-eslint": "^8.48.0",
+    "vitest": "^4.0.14"
   },
   "publishConfig": {
     "access": "public"
   },
   "license": "MIT",
-  "repository": "http://gitlab.alibaba-inc.com/ground-net-front/win-chart.git"
+  "repository": {
+    "type": "git",
+    "url": "http://gitlab.alibaba-inc.com/ground-net-front/win-chart.git"
+  }
 }