@agions/taroviz 1.10.0 → 1.11.5

package/src/charts/graph/__tests__/index.test.tsx

@@ -1,41 +0,0 @@
-/**
- * @version v1.5.0
- */
-
-import React from 'react';
-import { render } from '@testing-library/react';
-import GraphChart from '../index';
-
-describe('GraphChart', () => {
-  it('renders without crashing', () => {
-    const { container } = render(<GraphChart />);
-    expect(container).toBeTruthy();
-  });
-
-  it('renders with custom className', () => {
-    const { container } = render(<GraphChart className="test-graph" />);
-    expect(container.firstChild).toHaveClass('test-graph');
-  });
-
-  it('renders with custom width and height', () => {
-    const { container } = render(<GraphChart width={500} height={400} />);
-    expect(container.firstChild).toHaveStyle({ width: '500px', height: '400px' });
-  });
-
-  it('renders with basic option', () => {
-    const option = {
-      series: [
-        {
-          type: 'graph' as const,
-          nodes: [
-            { id: '1', name: 'Node 1' },
-            { id: '2', name: 'Node 2' },
-          ],
-          links: [{ source: '1', target: '2' }],
-        },
-      ],
-    };
-    const { container } = render(<GraphChart option={option} />);
-    expect(container).toBeTruthy();
-  });
-});

package/src/charts/graph/index.tsx

@@ -1,13 +0,0 @@
-/**
- * GraphChart组件
- */
-import React, { memo } from 'react';
-import BaseChartWrapper from '../common/BaseChartWrapper';
-import { GraphChartProps } from '../types';
-
-const GraphChart: React.FC<GraphChartProps> = memo((props) => (
-  <BaseChartWrapper {...props} chartType="graph-chart" />
-));
-GraphChart.displayName = 'GraphChart';
-
-export default GraphChart;

package/src/charts/heatmap/index.tsx

@@ -1,14 +0,0 @@
-/**
- * HeatmapChart组件
- */
-import React, { memo } from 'react';
-import BaseChartWrapper from '../common/BaseChartWrapper';
-import { HeatmapChartProps } from '../types';
-import '@/core/echarts';
-
-const HeatmapChart: React.FC<HeatmapChartProps> = memo((props) => (
-  <BaseChartWrapper {...props} chartType="heatmap-chart" />
-));
-HeatmapChart.displayName = 'HeatmapChart';
-
-export default HeatmapChart;

package/src/charts/line/__tests__/index.test.tsx

@@ -1,107 +0,0 @@
-import { render } from '@testing-library/react';
-import React from 'react';
-
-import LineChart from '../index';
-
-// Mock ECharts and adapters
-jest.mock('echarts/core', () => ({
-  use: jest.fn(),
-  init: jest.fn(() => ({
-    setOption: jest.fn(),
-    showLoading: jest.fn(),
-    hideLoading: jest.fn(),
-    on: jest.fn(),
-    off: jest.fn(),
-    dispose: jest.fn(),
-    resize: jest.fn(),
-  })),
-  getInstanceByDom: jest.fn(),
-}));
-
-// Mock specific ECharts chart imports
-jest.mock('echarts/charts', () => ({
-  LineChart: jest.fn(),
-}));
-
-jest.mock('echarts/components', () => ({
-  GridComponent: jest.fn(),
-  TooltipComponent: jest.fn(),
-  TitleComponent: jest.fn(),
-  LegendComponent: jest.fn(),
-}));
-
-jest.mock('../../common/BaseChartWrapper', () => ({
-  __esModule: true,
-  default: (props: any) => (
-    <div
-      data-testid="base-chart-wrapper"
-      className={`taroviz-${props.chartType} ${props.className || ''}`}
-      style={{ width: props.width, height: props.height }}
-    >
-      <div data-testid="chart-option">{JSON.stringify(props.option)}</div>
-    </div>
-  ),
-}));
-
-describe('LineChart Component', () => {
-  const mockOption = {
-    xAxis: {
-      type: 'category' as const,
-      data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
-    },
-    yAxis: {
-      type: 'value' as const,
-    },
-    series: [
-      {
-        data: [150, 230, 224, 218, 135, 147, 260],
-        type: 'line' as const,
-      },
-    ],
-  };
-
-  it('should render correctly with default props', () => {
-    const { getByTestId } = render(<LineChart option={mockOption} />);
-
-    const chartWrapper = getByTestId('base-chart-wrapper');
-    expect(chartWrapper).toBeInTheDocument();
-    expect(chartWrapper).toHaveClass('taroviz-line-chart');
-  });
-
-  it('should pass the correct option to BaseChartWrapper', () => {
-    const { getByTestId } = render(<LineChart option={mockOption} />);
-
-    const chartOption = getByTestId('chart-option');
-    expect(JSON.parse(chartOption.textContent || '')).toEqual(mockOption);
-  });
-
-  it('should render with custom width and height', () => {
-    const customWidth = '500px';
-    const customHeight = '400px';
-
-    const { getByTestId } = render(
-      <LineChart option={mockOption} width={customWidth} height={customHeight} />
-    );
-
-    const chartWrapper = getByTestId('base-chart-wrapper');
-    expect(chartWrapper).toHaveStyle(`width: ${customWidth}`);
-    expect(chartWrapper).toHaveStyle(`height: ${customHeight}`);
-  });
-
-  it('should render with custom className', () => {
-    const customClass = 'custom-line-chart';
-
-    const { getByTestId } = render(<LineChart option={mockOption} className={customClass} />);
-
-    const chartWrapper = getByTestId('base-chart-wrapper');
-    expect(chartWrapper).toHaveClass(customClass);
-  });
-
-  it('should render with loading state', () => {
-    const { getByTestId } = render(<LineChart option={mockOption} loading={true} />);
-
-    const chartWrapper = getByTestId('base-chart-wrapper');
-    expect(chartWrapper).toBeInTheDocument();
-    // The loading state is handled by BaseChartWrapper, which we've mocked
-  });
-});

package/src/charts/line/index.tsx

@@ -1,15 +0,0 @@
-/**
- * 折线图组件
- */
-import React, { memo } from 'react';
-import BaseChartWrapper from '../common/BaseChartWrapper';
-import { LineChartProps } from '../types';
-
-import '@/core/echarts';
-
-const LineChart: React.FC<LineChartProps> = memo((props) => (
-  <BaseChartWrapper {...props} chartType="line-chart" />
-));
-LineChart.displayName = 'LineChart';
-
-export default LineChart;

package/src/charts/pie/__tests__/index.test.tsx

@@ -1,112 +0,0 @@
-import { render } from '@testing-library/react';
-import React from 'react';
-
-import PieChart from '../index';
-
-// Mock ECharts and adapters
-jest.mock('echarts/core', () => ({
-  use: jest.fn(),
-  init: jest.fn(() => ({
-    setOption: jest.fn(),
-    showLoading: jest.fn(),
-    hideLoading: jest.fn(),
-    on: jest.fn(),
-    off: jest.fn(),
-    dispose: jest.fn(),
-    resize: jest.fn(),
-  })),
-  getInstanceByDom: jest.fn(),
-}));
-
-// Mock specific ECharts chart imports
-jest.mock('echarts/charts', () => ({
-  PieChart: jest.fn(),
-}));
-
-jest.mock('echarts/components', () => ({
-  GridComponent: jest.fn(),
-  TooltipComponent: jest.fn(),
-  TitleComponent: jest.fn(),
-  LegendComponent: jest.fn(),
-}));
-
-jest.mock('../../common/BaseChartWrapper', () => ({
-  __esModule: true,
-  default: (props: any) => (
-    <div
-      data-testid="base-chart-wrapper"
-      className={`taroviz-${props.chartType} ${props.className || ''}`}
-      style={{ width: props.width, height: props.height }}
-    >
-      <div data-testid="chart-option">{JSON.stringify(props.option)}</div>
-    </div>
-  ),
-}));
-
-describe('PieChart Component', () => {
-  const mockOption = {
-    series: [
-      {
-        type: 'pie' as const,
-        data: [
-          { value: 1048, name: 'Search Engine' },
-          { value: 735, name: 'Direct' },
-          { value: 580, name: 'Email' },
-          { value: 484, name: 'Union Ads' },
-          { value: 300, name: 'Video Ads' },
-        ],
-      },
-    ],
-  };
-
-  it('should render correctly with default props', () => {
-    const { getByTestId } = render(<PieChart option={mockOption} />);
-
-    const chartWrapper = getByTestId('base-chart-wrapper');
-    expect(chartWrapper).toBeInTheDocument();
-    expect(chartWrapper).toHaveClass('taroviz-pie-chart');
-  });
-
-  it('should pass the correct option to BaseChartWrapper', () => {
-    const { getByTestId } = render(<PieChart option={mockOption} />);
-
-    const chartOption = getByTestId('chart-option');
-    expect(JSON.parse(chartOption.textContent || '')).toEqual(mockOption);
-  });
-
-  it('should render with custom width and height', () => {
-    const customWidth = '400px';
-    const customHeight = '400px';
-
-    const { getByTestId } = render(
-      <PieChart option={mockOption} width={customWidth} height={customHeight} />
-    );
-
-    const chartWrapper = getByTestId('base-chart-wrapper');
-    expect(chartWrapper).toHaveStyle(`width: ${customWidth}`);
-    expect(chartWrapper).toHaveStyle(`height: ${customHeight}`);
-  });
-
-  it('should render with custom className', () => {
-    const customClass = 'custom-pie-chart';
-
-    const { getByTestId } = render(<PieChart option={mockOption} className={customClass} />);
-
-    const chartWrapper = getByTestId('base-chart-wrapper');
-    expect(chartWrapper).toHaveClass(customClass);
-  });
-
-  it('should render with loading state', () => {
-    const { getByTestId } = render(<PieChart option={mockOption} loading={true} />);
-
-    const chartWrapper = getByTestId('base-chart-wrapper');
-    expect(chartWrapper).toBeInTheDocument();
-  });
-
-  it('should render with theme', () => {
-    const { getByTestId } = render(<PieChart option={mockOption} theme="dark" />);
-
-    const chartWrapper = getByTestId('base-chart-wrapper');
-    expect(chartWrapper).toBeInTheDocument();
-  });
-});

package/src/charts/pie/index.tsx

@@ -1,14 +0,0 @@
-/**
- * PieChart组件
- */
-import React, { memo } from 'react';
-import BaseChartWrapper from '../common/BaseChartWrapper';
-import { BaseChartProps } from '../types';
-import '@/core/echarts';
-
-const PieChart: React.FC<BaseChartProps> = memo((props) => (
-  <BaseChartWrapper {...props} chartType="pie-chart" />
-));
-PieChart.displayName = 'PieChart';
-
-export default PieChart;

package/src/charts/radar/index.tsx

@@ -1,14 +0,0 @@
-/**
- * RadarChart组件
- */
-import React, { memo } from 'react';
-import BaseChartWrapper from '../common/BaseChartWrapper';
-import { RadarChartProps } from '../types';
-import '@/core/echarts';
-
-const RadarChart: React.FC<RadarChartProps> = memo((props) => (
-  <BaseChartWrapper {...props} chartType="radar-chart" />
-));
-RadarChart.displayName = 'RadarChart';
-
-export default RadarChart;

package/src/charts/sankey/index.tsx

@@ -1,18 +0,0 @@
-/**
- * Sankey 桑基图组件
- * 用于展示数据流向和转移关系
- */
-import React, { memo } from 'react';
-import BaseChartWrapper from '../common/BaseChartWrapper';
-import { SankeyChartProps } from '../types';
-
-/**
- * Sankey 桑基图组件
- */
-const SankeyChart: React.FC<SankeyChartProps> = memo((props) => (
-  <BaseChartWrapper {...props} chartType="sankey-chart" />
-));
-
-SankeyChart.displayName = 'SankeyChart';
-
-export default SankeyChart;

package/src/charts/scatter/index.tsx

@@ -1,14 +0,0 @@
-/**
- * ScatterChart组件
- */
-import React, { memo } from 'react';
-import BaseChartWrapper from '../common/BaseChartWrapper';
-import { ScatterChartProps } from '../types';
-import '@/core/echarts';
-
-const ScatterChart: React.FC<ScatterChartProps> = memo((props) => (
-  <BaseChartWrapper {...props} chartType="scatter-chart" />
-));
-ScatterChart.displayName = 'ScatterChart';
-
-export default ScatterChart;

package/src/charts/sunburst/index.tsx

@@ -1,18 +0,0 @@
-/**
- * Sunburst 旭日图组件
- * 用于展示带有层级结构的数据，以同心圆的形式展示
- */
-import React, { memo } from 'react';
-import BaseChartWrapper from '../common/BaseChartWrapper';
-import { SunburstChartProps } from '../types';
-
-/**
- * Sunburst 旭日图组件
- */
-const SunburstChart: React.FC<SunburstChartProps> = memo((props) => (
-  <BaseChartWrapper {...props} chartType="sunburst-chart" />
-));
-
-SunburstChart.displayName = 'SunburstChart';
-
-export default SunburstChart;

package/src/charts/treemap/index.tsx

@@ -1,18 +0,0 @@
-/**
- * TreeMap 图表组件
- * 用于展示带有层级结构的数据，通过矩形面积表示数据大小
- */
-import React, { memo } from 'react';
-import BaseChartWrapper from '../common/BaseChartWrapper';
-import { TreeMapChartProps } from '../types';
-
-/**
- * TreeMap 图表组件
- */
-const TreeMapChart: React.FC<TreeMapChartProps> = memo((props) => (
-  <BaseChartWrapper {...props} chartType="treemap-chart" />
-));
-
-TreeMapChart.displayName = 'TreeMapChart';
-
-export default TreeMapChart;

package/src/charts/wordcloud/__tests__/index.test.tsx

@@ -1,36 +0,0 @@
-/**
- * @version v1.5.0
- */
-
-import React from 'react';
-import { render } from '@testing-library/react';
-import WordCloudChart from '../index';
-
-describe('WordCloudChart', () => {
-  it('renders without crashing', () => {
-    const { container } = render(<WordCloudChart />);
-    expect(container).toBeTruthy();
-  });
-
-  it('renders with custom width and height', () => {
-    const { container } = render(<WordCloudChart width={600} height={400} />);
-    expect(container.firstChild).toHaveStyle({ width: '600px', height: '400px' });
-  });
-
-  it('renders with word data', () => {
-    const option = {
-      series: [
-        {
-          type: 'wordCloud' as const,
-          data: [
-            { name: 'JavaScript', value: 10000 },
-            { name: 'TypeScript', value: 8000 },
-            { name: 'React', value: 6000 },
-          ],
-        },
-      ],
-    } as any;
-    const { container } = render(<WordCloudChart option={option} />);
-    expect(container).toBeTruthy();
-  });
-});

package/src/charts/wordcloud/index.tsx

@@ -1,13 +0,0 @@
-/**
- * WordCloudChart组件
- */
-import React, { memo } from 'react';
-import BaseChartWrapper from '../common/BaseChartWrapper';
-import { WordCloudChartProps } from '../types';
-
-const WordCloudChart: React.FC<WordCloudChartProps> = memo((props) => (
-  <BaseChartWrapper {...props} chartType="wordcloud-chart" />
-));
-WordCloudChart.displayName = 'WordCloudChart';
-
-export default WordCloudChart;