feat: add onReady callback support

Author: kagawagao

__tests__/plots/line.spec.tsx

@@ -1,11 +1,15 @@
 import { ref } from 'vue'
 import { mount } from '@vue/test-utils'
 import LineChart from '../../src/plots/line'
+import { LineOptions, Plot } from '@antv/g2plot'
 
 describe('LineChart', () => {
   test('render without crashed', () => {
     const chartRef = ref(null)
-    mount(<LineChart data={[]} chartRef={chartRef} />)
+    const onReady = (plot: Plot<LineOptions>) => {
+      expect(plot).toBeDefined()
+    }
+    mount(<LineChart data={[]} chartRef={chartRef} onReady={onReady} />)
 
     expect(chartRef.value).toBeDefined()
   })

src/components/base.tsx

@@ -21,6 +21,7 @@ export interface BaseChartProps<C extends Options>
   chart: any
   data: Data
   chartRef?: Ref<BasePlot<C> | null>
+  onReady?: (plot: BasePlot<C>) => void
 }
 
 interface ComputedOptions<C extends Options> {
@@ -57,14 +58,15 @@ const BaseChart = defineComponent<
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore
         style,
+        onReady,
         ...config
       } = this.attrConfig
       return config
     },
   },
   mounted() {
     const chartRef = this.$attrs.chartRef as Ref<BasePlot<any> | null>
-    const { chart: Chart } = this.attrConfig
+    const { chart: Chart, onReady } = this.attrConfig
     const plot = new Chart(this.$el as HTMLElement, {
       data: this.chartData,
       ...this.chartConfig,
@@ -74,6 +76,7 @@ const BaseChart = defineComponent<
       chartRef.value = plot
     }
     this.plot = plot
+    onReady?.(plot)
   },
   beforeUnmount() {
     /* istanbul ignore else */