fix(g2plot): import all plots
This commit is contained in:
		
							parent
							
								
									a0c021202e
								
							
						
					
					
						commit
						2bb8fd984f
					
				@ -1,4 +1,40 @@
 | 
				
			|||||||
import { Area, Bar, Column, Line, Pie } from '@antv/g2plot';
 | 
					import {
 | 
				
			||||||
 | 
					  Area,
 | 
				
			||||||
 | 
					  Bar,
 | 
				
			||||||
 | 
					  BidirectionalBar,
 | 
				
			||||||
 | 
					  Box,
 | 
				
			||||||
 | 
					  Bullet,
 | 
				
			||||||
 | 
					  Chord,
 | 
				
			||||||
 | 
					  CirclePacking,
 | 
				
			||||||
 | 
					  Column,
 | 
				
			||||||
 | 
					  DualAxes,
 | 
				
			||||||
 | 
					  Facet,
 | 
				
			||||||
 | 
					  Funnel,
 | 
				
			||||||
 | 
					  Gauge,
 | 
				
			||||||
 | 
					  Heatmap,
 | 
				
			||||||
 | 
					  Histogram,
 | 
				
			||||||
 | 
					  Line,
 | 
				
			||||||
 | 
					  Liquid,
 | 
				
			||||||
 | 
					  Mix,
 | 
				
			||||||
 | 
					  Pie,
 | 
				
			||||||
 | 
					  Progress,
 | 
				
			||||||
 | 
					  Radar,
 | 
				
			||||||
 | 
					  RadialBar,
 | 
				
			||||||
 | 
					  RingProgress,
 | 
				
			||||||
 | 
					  Rose,
 | 
				
			||||||
 | 
					  Sankey,
 | 
				
			||||||
 | 
					  Scatter,
 | 
				
			||||||
 | 
					  Stock,
 | 
				
			||||||
 | 
					  Sunburst,
 | 
				
			||||||
 | 
					  TinyArea,
 | 
				
			||||||
 | 
					  TinyColumn,
 | 
				
			||||||
 | 
					  TinyLine,
 | 
				
			||||||
 | 
					  Treemap,
 | 
				
			||||||
 | 
					  Venn,
 | 
				
			||||||
 | 
					  Violin,
 | 
				
			||||||
 | 
					  Waterfall,
 | 
				
			||||||
 | 
					  WordCloud
 | 
				
			||||||
 | 
					} from '@antv/g2plot';
 | 
				
			||||||
import { Field } from '@formily/core';
 | 
					import { Field } from '@formily/core';
 | 
				
			||||||
import { observer, useField } from '@formily/react';
 | 
					import { observer, useField } from '@formily/react';
 | 
				
			||||||
import { Spin } from 'antd';
 | 
					import { Spin } from 'antd';
 | 
				
			||||||
@ -14,7 +50,43 @@ export type ReactG2PlotProps<O> = {
 | 
				
			|||||||
  readonly config: O;
 | 
					  readonly config: O;
 | 
				
			||||||
};
 | 
					};
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const plots = { Area, Column, Line, Pie, Bar };
 | 
					const plots = {
 | 
				
			||||||
 | 
					  Line,
 | 
				
			||||||
 | 
					  Area,
 | 
				
			||||||
 | 
					  Column,
 | 
				
			||||||
 | 
					  Bar,
 | 
				
			||||||
 | 
					  Pie,
 | 
				
			||||||
 | 
					  Rose,
 | 
				
			||||||
 | 
					  WordCloud,
 | 
				
			||||||
 | 
					  Scatter,
 | 
				
			||||||
 | 
					  Radar,
 | 
				
			||||||
 | 
					  DualAxes,
 | 
				
			||||||
 | 
					  TinyLine,
 | 
				
			||||||
 | 
					  TinyColumn,
 | 
				
			||||||
 | 
					  TinyArea,
 | 
				
			||||||
 | 
					  Histogram,
 | 
				
			||||||
 | 
					  Progress,
 | 
				
			||||||
 | 
					  RingProgress,
 | 
				
			||||||
 | 
					  Heatmap,
 | 
				
			||||||
 | 
					  Box,
 | 
				
			||||||
 | 
					  Violin,
 | 
				
			||||||
 | 
					  Venn,
 | 
				
			||||||
 | 
					  Stock,
 | 
				
			||||||
 | 
					  Funnel,
 | 
				
			||||||
 | 
					  Liquid,
 | 
				
			||||||
 | 
					  Bullet,
 | 
				
			||||||
 | 
					  Sunburst,
 | 
				
			||||||
 | 
					  Gauge,
 | 
				
			||||||
 | 
					  Waterfall,
 | 
				
			||||||
 | 
					  RadialBar,
 | 
				
			||||||
 | 
					  BidirectionalBar,
 | 
				
			||||||
 | 
					  Treemap,
 | 
				
			||||||
 | 
					  Sankey,
 | 
				
			||||||
 | 
					  Chord,
 | 
				
			||||||
 | 
					  CirclePacking,
 | 
				
			||||||
 | 
					  Mix,
 | 
				
			||||||
 | 
					  Facet,
 | 
				
			||||||
 | 
					};
 | 
				
			||||||
 | 
					
 | 
				
			||||||
export const G2PlotRenderer = forwardRef(function <O = any>(props: ReactG2PlotProps<O>, ref: any) {
 | 
					export const G2PlotRenderer = forwardRef(function <O = any>(props: ReactG2PlotProps<O>, ref: any) {
 | 
				
			||||||
  const { className, plot, config } = props;
 | 
					  const { className, plot, config } = props;
 | 
				
			||||||
@ -69,7 +141,7 @@ export const G2Plot: any = observer((props: any) => {
 | 
				
			|||||||
    if (typeof fn === 'function') {
 | 
					    if (typeof fn === 'function') {
 | 
				
			||||||
      const result = fn.bind({ api })();
 | 
					      const result = fn.bind({ api })();
 | 
				
			||||||
      if (result?.then) {
 | 
					      if (result?.then) {
 | 
				
			||||||
        result.then(data => {
 | 
					        result.then((data) => {
 | 
				
			||||||
          if (Array.isArray(data)) {
 | 
					          if (Array.isArray(data)) {
 | 
				
			||||||
            field.componentProps.config.data = data;
 | 
					            field.componentProps.config.data = data;
 | 
				
			||||||
          }
 | 
					          }
 | 
				
			||||||
@ -81,7 +153,7 @@ export const G2Plot: any = observer((props: any) => {
 | 
				
			|||||||
    } else {
 | 
					    } else {
 | 
				
			||||||
      field.data.loading = false;
 | 
					      field.data.loading = false;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
  }, [])
 | 
					  }, []);
 | 
				
			||||||
  if (!plot || !config) {
 | 
					  if (!plot || !config) {
 | 
				
			||||||
    return <div style={{ opacity: 0.3 }}>{t('In configuration')}...</div>;
 | 
					    return <div style={{ opacity: 0.3 }}>{t('In configuration')}...</div>;
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
		Reference in New Issue
	
	Block a user