@nocobase/plugin-data-visualization 0.14.0-alpha.6 → 0.14.0-alpha.8

package/dist/client/DataVisualization.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DataVisualization: React.FC;

package/dist/client/block/transformers.d.ts

@@ -1,6 +1,7 @@
+export type Transformer = (val: any, locale?: string) => string | number;
 declare const transformers: {
     [key: string]: {
-        [key: string]: (val: any, locale?: string) => string | number;
+        [key: string]: Transformer;
     };
 };
 export default transformers;

package/dist/client/chart/antd/statistic.d.ts

@@ -1,17 +1,7 @@
 import { AntdChart } from './antd';
-import { FieldOption } from '../../hooks';
-import { QueryProps } from '../../renderer';
-import { RenderProps } from '../chart';
+import { ChartType, RenderProps } from '../chart';
 export declare class Statistic extends AntdChart {
     constructor();
-    init(fields: FieldOption[], { measures, dimensions, }: {
-        measures?: QueryProps['measures'];
-        dimensions?: QueryProps['dimensions'];
-    }): {
-        general: {
-            field: string;
-            title: string;
-        };
-    };
+    init: ChartType['init'];
     getProps({ data, fieldProps, general, advanced }: RenderProps): any;
 }

package/dist/client/chart/chart.d.ts

@@ -2,14 +2,16 @@ import React from 'react';
 import { FieldOption } from '../hooks';
 import { QueryProps } from '../renderer';
 import { ISchema } from '@formily/react';
-import { AnySchemaProperties, ConfigProps } from './configs';
+import { AnySchemaProperties, Config } from './configs';
+import { Transformer } from '../block/transformers';
 export type RenderProps = {
-    data: any[];
+    data: Record<string, any>[];
     general: any;
     advanced: any;
     fieldProps: {
-        [field: string]: FieldOption & {
-            transformer: (val: any) => string;
+        [field: string]: {
+            label: string;
+            transformer: Transformer;
         };
     };
 };
@@ -18,15 +20,6 @@ export interface ChartType {
     title: string;
     component: React.FC<any>;
     schema: ISchema;
-    infer: (fields: FieldOption[], { measures, dimensions, }: {
-        measures?: QueryProps['measures'];
-        dimensions?: QueryProps['dimensions'];
-    }) => {
-        xField: FieldOption;
-        yField: FieldOption;
-        seriesField: FieldOption;
-        yFields: FieldOption[];
-    };
     init?: (fields: FieldOption[], query: {
         measures?: QueryProps['measures'];
         dimensions?: QueryProps['dimensions'];
@@ -34,32 +27,23 @@ export interface ChartType {
         general?: any;
         advanced?: any;
     };
-    /**
-     * getProps
-     * Accept the information that the chart component needs to render,
-     * process it and return the props of the chart component.
-     */
-    getProps: (props: RenderProps) => any;
+    render: (props: RenderProps) => React.FC<any>;
     getReference?: () => {
         title: string;
         link: string;
     };
-    render: (props: RenderProps) => React.FC<any>;
 }
-type Config = ((ConfigProps & {
-    property?: string;
-}) | string)[];
 export type ChartProps = {
     name: string;
     title: string;
     component: React.FC<any>;
-    config?: Config;
+    config?: Config[];
 };
 export declare class Chart implements ChartType {
     name: string;
     title: string;
     component: React.FC<any>;
-    config: Config;
+    config: Config[];
     configs: Map<string, Function>;
     constructor({ name, title, component, config }: ChartProps);
     get schema(): {
@@ -81,7 +65,11 @@ export declare class Chart implements ChartType {
         seriesField: FieldOption;
         yFields: FieldOption[];
     };
-    getProps(props: RenderProps): RenderProps;
+    /**
+     * getProps
+     * Accept the information that the chart component needs to render,
+     * process it and return the props of the chart component.
+     */
+    getProps(props: RenderProps): any;
     render({ data, general, advanced, fieldProps }: RenderProps): () => React.FunctionComponentElement<any>;
 }
-export {};

package/dist/client/chart/configs.d.ts

@@ -7,6 +7,9 @@ export type FieldConfigProps = Partial<{
 }>;
 export type AnySchemaProperties = SchemaProperties<any, any, any, any, any, any, any, any>;
 export type ConfigProps = FieldConfigProps | AnySchemaProperties | (() => AnySchemaProperties);
+export type Config = (ConfigProps & {
+    property?: string;
+}) | string;
 declare const _default: {
     field: ({ name, title, required, defaultValue }: Partial<{
         name: string;
@@ -38,5 +41,38 @@ declare const _default: {
             default: any;
         };
     };
+    xField: (props: FieldConfigProps) => {
+        [x: string]: {
+            title: string;
+            type: string;
+            'x-decorator': string;
+            'x-component': string;
+            'x-reactions': string;
+            required: boolean;
+            default: any;
+        };
+    };
+    yField: (props: FieldConfigProps) => {
+        [x: string]: {
+            title: string;
+            type: string;
+            'x-decorator': string;
+            'x-component': string;
+            'x-reactions': string;
+            required: boolean;
+            default: any;
+        };
+    };
+    seriesField: (props: FieldConfigProps) => {
+        [x: string]: {
+            title: string;
+            type: string;
+            'x-decorator': string;
+            'x-component': string;
+            'x-reactions': string;
+            required: boolean;
+            default: any;
+        };
+    };
 };
 export default _default;

package/dist/client/chart/g2plot/bar.d.ts

@@ -1,16 +1,6 @@
-import { FieldOption } from '../../hooks';
-import { QueryProps } from '../../renderer';
 import { G2PlotChart } from './g2plot';
+import { ChartType } from '../chart';
 export declare class Bar extends G2PlotChart {
     constructor();
-    init(fields: FieldOption[], { measures, dimensions, }: {
-        measures?: QueryProps['measures'];
-        dimensions?: QueryProps['dimensions'];
-    }): {
-        general: {
-            xField: string;
-            yField: string;
-            seriesField: string;
-        };
-    };
+    init: ChartType['init'];
 }

package/dist/client/chart/g2plot/configs.d.ts

@@ -1,38 +1,5 @@
 import { FieldConfigProps } from '../configs';
 declare const _default: {
-    xField: (props: FieldConfigProps) => {
-        [x: string]: {
-            title: string;
-            type: string;
-            'x-decorator': string;
-            'x-component': string;
-            'x-reactions': string;
-            required: boolean;
-            default: any;
-        };
-    };
-    yField: (props: FieldConfigProps) => {
-        [x: string]: {
-            title: string;
-            type: string;
-            'x-decorator': string;
-            'x-component': string;
-            'x-reactions': string;
-            required: boolean;
-            default: any;
-        };
-    };
-    seriesField: (props: FieldConfigProps) => {
-        [x: string]: {
-            title: string;
-            type: string;
-            'x-decorator': string;
-            'x-component': string;
-            'x-reactions': string;
-            required: boolean;
-            default: any;
-        };
-    };
     isStack: (props: FieldConfigProps) => {
         [x: string]: {
             'x-content': string;

package/dist/client/chart/g2plot/dualAxes.d.ts

@@ -1,18 +1,8 @@
 import { G2PlotChart } from './g2plot';
-import { RenderProps } from '../chart';
+import { ChartType, RenderProps } from '../chart';
 import React from 'react';
-import { FieldOption } from '../../hooks';
-import { QueryProps } from '../../renderer';
 export declare class DualAxes extends G2PlotChart {
     constructor();
-    init(fields: FieldOption[], { measures, dimensions, }: {
-        measures?: QueryProps['measures'];
-        dimensions?: QueryProps['dimensions'];
-    }): {
-        general: {
-            xField: string;
-            yField: string[];
-        };
-    };
+    init: ChartType['init'];
     render({ data, general, advanced, fieldProps }: RenderProps): () => React.FunctionComponentElement<any>;
 }

package/dist/client/chart/g2plot/g2plot.d.ts

@@ -1,15 +1,7 @@
-import { Chart, ChartProps, RenderProps } from '../chart';
-import { FieldOption } from '../../hooks';
-import { QueryProps } from '../../renderer';
+import { Chart, ChartProps, ChartType, RenderProps } from '../chart';
 export declare class G2PlotChart extends Chart {
     constructor({ name, title, component, config }: ChartProps);
-    init(fields: FieldOption[], { measures, dimensions, }: {
-        measures?: QueryProps['measures'];
-        dimensions?: QueryProps['dimensions'];
-    }): {
-        general?: any;
-        advanced?: any;
-    };
+    init: ChartType['init'];
     getProps({ data, general, advanced, fieldProps }: RenderProps): any;
     getReference(): {
         title: string;

package/dist/client/chart/g2plot/index.d.ts

@@ -1,6 +1,3 @@
-import { Bar } from './bar';
-import { Pie } from './pie';
-import { DualAxes } from './dualAxes';
 import { G2PlotChart } from './g2plot';
-declare const _default: (G2PlotChart | Bar | Pie | DualAxes)[];
+declare const _default: G2PlotChart[];
 export default _default;

package/dist/client/chart/g2plot/pie.d.ts

@@ -1,15 +1,6 @@
 import { G2PlotChart } from './g2plot';
-import { FieldOption } from '../../hooks';
-import { QueryProps } from '../../renderer';
+import { ChartType } from '../chart';
 export declare class Pie extends G2PlotChart {
     constructor();
-    init(fields: FieldOption[], { measures, dimensions, }: {
-        measures?: QueryProps['measures'];
-        dimensions?: QueryProps['dimensions'];
-    }): {
-        general: {
-            colorField: string;
-            angleField: string;
-        };
-    };
+    init: ChartType['init'];
 }

package/dist/client/chart/group.d.ts

@@ -0,0 +1,32 @@
+import { ChartType } from './chart';
+export declare class ChartGroup {
+    charts: Map<string, ChartType[]>;
+    setGroup(name: string, charts: ChartType[]): void;
+    addGroup(name: string, charts: ChartType[]): void;
+    add(group: string, chart: ChartType): void;
+    getChartTypes(): {
+        label: string;
+        children: {
+            key: string;
+            label: string;
+            value: string;
+        }[];
+    }[];
+    getCharts(): {
+        [key: string]: ChartType;
+    };
+    getChart(type: string): ChartType;
+}
+export declare const useChartTypes: () => {
+    label: string;
+    children: {
+        key: string;
+        label: string;
+        value: string;
+    }[];
+}[];
+export declare const useDefaultChartType: () => string;
+export declare const useCharts: () => {
+    [key: string]: ChartType;
+};
+export declare const useChart: (type: string) => ChartType;

package/dist/client/index.d.ts

@@ -1,9 +1,12 @@
 import { Plugin } from '@nocobase/client';
-import { ChartLibraryProvider } from './chart/library';
+import { ChartGroup } from './chart/group';
 declare class DataVisualizationPlugin extends Plugin {
+    charts: ChartGroup;
     load(): Promise<void>;
 }
 export default DataVisualizationPlugin;
-export { ChartLibraryProvider };
 export { Chart } from './chart/chart';
-export type { ChartType } from './chart/chart';
+export type { ChartType, RenderProps, ChartProps } from './chart/chart';
+export type { FieldOption } from './hooks';
+export type { QueryProps } from './renderer';
+export { ChartConfigContext } from './configure/ChartConfigure';