@agions/taroviz 1.11.1 → 2.0.3

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/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;