fix: Solve the options type conflict caused by multiple type files. Add test cases for the corresponding options type

Author: xyz-26

__tests__/charts/simple-spec.tsx

@@ -1,6 +1,8 @@
 import React from 'react';
 import ReactECharts from '../../src/';
 import type { EChartsOption } from '../../src/';
+import type { EChartsOption as DefaultEChartsOption } from 'echarts/types/dist/shared';
+import type { EChartsOption as SharedComponentEChartsOption } from 'echarts';
 import { render, destroy, createDiv, removeDom } from '../utils';
 
 const options: EChartsOption = {
@@ -36,6 +38,68 @@ describe('chart', () => {
     removeDom(div);
   });
 
+  it('DefaultEChartsOption', () => {
+    let instance;
+    const div = createDiv();
+    const defaultOptions: DefaultEChartsOption = {
+      xAxis: {
+        type: 'category',
+        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+      },
+      yAxis: {
+        type: 'value',
+      },
+      series: [
+        {
+          data: [820, 932, 901, 934, 1290, 1330, 1320],
+          type: 'line',
+          smooth: true,
+        },
+      ],
+    };
+    const Comp = <ReactECharts ref={(e) => (instance = e)} option={defaultOptions} />;
+    render(Comp, div);
+
+    expect(instance).toBeDefined();
+    expect(instance.getEchartsInstance()).toBeDefined();
+
+    destroy(div);
+    expect(div.querySelector('*')).toBe(null);
+
+    removeDom(div);
+  });
+
+  it('SharedComponentEChartsOption', () => {
+    let instance;
+    const div = createDiv();
+    const sharedOptions: SharedComponentEChartsOption = {
+      xAxis: {
+        type: 'category',
+        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+      },
+      yAxis: {
+        type: 'value',
+      },
+      series: [
+        {
+          data: [820, 932, 901, 934, 1290, 1330, 1320],
+          type: 'line',
+          smooth: true,
+        },
+      ],
+    };
+    const Comp = <ReactECharts ref={(e) => (instance = e)} option={sharedOptions} />;
+    render(Comp, div);
+
+    expect(instance).toBeDefined();
+    expect(instance.getEchartsInstance()).toBeDefined();
+
+    destroy(div);
+    expect(div.querySelector('*')).toBe(null);
+
+    removeDom(div);
+  });
+
   describe('container size', () => {
     it('default', () => {
       let instance;

src/types.ts

@@ -1,7 +1,11 @@
 import { CSSProperties } from 'react';
-import type { EChartsOption, EChartsType } from 'echarts';
+import type { EChartsOption as DefaultEChartsOption, EChartsType } from 'echarts';
+import type { EChartsOption as SharedComponentEChartsOption } from 'echarts/types/dist/shared';
 
-export type { EChartsOption };
+/**
+ * Solve the type conflict caused by multiple type files
+ */
+export type EChartsOption = DefaultEChartsOption | SharedComponentEChartsOption;
 
 export type EChartsInstance = EChartsType;