@nocobase/plugin-data-visualization 0.20.0-alpha.9 → 0.21.0-alpha.10

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

@@ -1,4 +1,9 @@
-import { SchemaInitializer } from '@nocobase/client';
+import { CompatibleSchemaInitializer } from '@nocobase/client';
 import React from 'react';
-export declare const chartInitializers: SchemaInitializer;
+/**
+ * @deprecated
+ * use `chartInitializers` instead
+ */
+export declare const chartInitializers_deprecated: CompatibleSchemaInitializer;
+export declare const chartInitializers: CompatibleSchemaInitializer;
 export declare const ChartV2BlockInitializer: React.FC;

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

@@ -1,5 +1,6 @@
 import React from 'react';
 type ChartData = {
+    dataSource: string;
     collection: string;
     service: any;
     query: any;

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

@@ -3,7 +3,7 @@ import { FieldOption } from '../hooks';
 import { QueryProps } from '../renderer';
 import { ISchema } from '@formily/react';
 import { AnySchemaProperties, Config } from './configs';
-import { Transformer } from '../block/transformers';
+import { Transformer } from '../transformers';
 export type RenderProps = {
     data: Record<string, any>[];
     general: any;
@@ -19,7 +19,7 @@ export type RenderProps = {
 export interface ChartType {
     name: string;
     title: string;
-    component: React.FC<any>;
+    Component: React.FC<any>;
     schema: ISchema;
     init?: (fields: FieldOption[], query: {
         measures?: QueryProps['measures'];
@@ -28,7 +28,7 @@ export interface ChartType {
         general?: any;
         advanced?: any;
     };
-    render: (props: RenderProps) => React.FC<any>;
+    getProps(props: RenderProps): any;
     getReference?: () => {
         title: string;
         link: string;
@@ -37,16 +37,16 @@ export interface ChartType {
 export type ChartProps = {
     name: string;
     title: string;
-    component: React.FC<any>;
+    Component: React.FC<any>;
     config?: Config[];
 };
 export declare class Chart implements ChartType {
     name: string;
     title: string;
-    component: React.FC<any>;
+    Component: React.FC<any>;
     config: Config[];
     configs: Map<string, Function>;
-    constructor({ name, title, component, config }: ChartProps);
+    constructor({ name, title, Component, config }: ChartProps);
     get schema(): {
         type?: undefined;
         properties?: undefined;
@@ -64,6 +64,7 @@ export declare class Chart implements ChartType {
         xField: FieldOption;
         yField: FieldOption;
         seriesField: FieldOption;
+        colorField: FieldOption;
         yFields: FieldOption[];
     };
     /**
@@ -72,5 +73,4 @@ export declare class Chart implements ChartType {
      * process it and return the props of the chart component.
      */
     getProps(props: RenderProps): any;
-    render({ data, general, advanced, fieldProps }: RenderProps): () => React.FunctionComponentElement<any>;
 }

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

@@ -74,5 +74,16 @@ declare const _default: {
             default: any;
         };
     };
+    colorField: (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/AntChart.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const getAntChart: (Component: React.FC<any>) => (props: any) => React.JSX.Element;

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

@@ -1,8 +1,9 @@
 import { G2PlotChart } from './g2plot';
 import { ChartType, RenderProps } from '../chart';
-import React from 'react';
 export declare class DualAxes extends G2PlotChart {
     constructor();
     init: ChartType['init'];
-    render({ data, general, advanced, fieldProps }: RenderProps): () => React.FunctionComponentElement<any>;
+    getProps({ data, general, advanced, fieldProps }: RenderProps): {
+        children: any;
+    };
 }

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

@@ -1,6 +1,6 @@
 import { Chart, ChartProps, ChartType, RenderProps } from '../chart';
 export declare class G2PlotChart extends Chart {
-    constructor({ name, title, component, config }: ChartProps);
+    constructor({ name, title, Component, config }: ChartProps);
     init: ChartType['init'];
     getProps({ data, general, advanced, fieldProps }: RenderProps): any;
     getReference(): {

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

@@ -1,6 +1,7 @@
 import { G2PlotChart } from './g2plot';
-import { ChartType } from '../chart';
+import { ChartType, RenderProps } from '../chart';
 export declare class Pie extends G2PlotChart {
     constructor();
     init: ChartType['init'];
+    getProps({ data, general, advanced, fieldProps }: RenderProps): any;
 }

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

@@ -1,9 +1,15 @@
 import { ChartType } from './chart';
 export declare class ChartGroup {
+    /**
+     * @internal
+     */
     charts: Map<string, ChartType[]>;
     setGroup(name: string, charts: ChartType[]): void;
     addGroup(name: string, charts: ChartType[]): void;
     add(group: string, chart: ChartType): void;
+    /**
+     * @internal
+     */
     getChartTypes(): {
         label: string;
         children: {
@@ -12,11 +18,20 @@ export declare class ChartGroup {
             value: string;
         }[];
     }[];
+    /**
+     * @internal
+     */
     getCharts(): {
         [key: string]: ChartType;
     };
+    /**
+     * @internal
+     */
     getChart(type: string): ChartType;
 }
+/**
+ * @internal
+ */
 export declare const useChartTypes: () => {
     label: string;
     children: {
@@ -25,8 +40,17 @@ export declare const useChartTypes: () => {
         value: string;
     }[];
 }[];
+/**
+ * @internal
+ */
 export declare const useDefaultChartType: () => string;
+/**
+ * @internal
+ */
 export declare const useCharts: () => {
     [key: string]: ChartType;
 };
+/**
+ * @internal
+ */
 export declare const useChart: (type: string) => ChartType;

package/dist/client/configure/TransformerDynamicComponent.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const TransformerDynamicComponent: React.FC<{
+    schema: any;
+}>;

package/dist/client/filter/CollectionFieldInitializer.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CollectionFieldInitializer: () => React.JSX.Element;

package/dist/client/filter/FilterActionInitializers.d.ts

@@ -1,4 +1,4 @@
-import { SchemaInitializer } from '@nocobase/client';
+import { CompatibleSchemaInitializer } from '@nocobase/client';
 import React from 'react';
 export declare const useChartFilterActionProps: () => {
     onClick: () => Promise<void>;
@@ -12,4 +12,9 @@ export declare const useChartFilterCollapseProps: () => {
 };
 export declare const ChartFilterCollapseDesigner: React.FC;
 export declare const ChartFilterActionDesigner: React.FC;
-export declare const chartFilterActionInitializers: SchemaInitializer;
+/**
+ * @deprecated
+ * use `chartFilterActionInitializers` instead
+ */
+export declare const chartFilterActionInitializers_deprecated: CompatibleSchemaInitializer;
+export declare const chartFilterActionInitializers: CompatibleSchemaInitializer;

package/dist/client/filter/FilterItemInitializers.d.ts

@@ -1,7 +1,12 @@
-import { SchemaInitializer } from '@nocobase/client';
+import { CompatibleSchemaInitializer } from '@nocobase/client';
 import React from 'react';
 export declare const ChartFilterFormItem: React.MemoExoticComponent<import("@formily/react").ReactFC<Omit<any, "ref">>>;
 export declare const ChartFilterCustomItemInitializer: React.FC<{
     insert?: any;
 }>;
-export declare const chartFilterItemInitializers: SchemaInitializer;
+/**
+ * @deprecated
+ * use `chartFilterItemInitializers` instead
+ */
+export declare const chartFilterItemInitializers_deprecated: CompatibleSchemaInitializer;
+export declare const chartFilterItemInitializers: CompatibleSchemaInitializer;

package/dist/client/filter/FilterProvider.d.ts

@@ -1,21 +1,19 @@
 import React from 'react';
+type FilterField = {
+    title?: string;
+    operator?: {
+        value: string;
+        noValue?: boolean;
+    };
+};
 export declare const ChartFilterContext: React.Context<{
     ready: boolean;
     enabled: boolean;
     setEnabled: (enabled: boolean) => void;
     fields: {
-        [name: string]: {
-            title: string;
-            operator?: {
-                value: string;
-                noValue?: boolean;
-            };
-        };
+        [name: string]: FilterField;
     };
-    setField: (name: string, field: {
-        title?: string;
-        operator?: string;
-    }) => void;
+    setField: (name: string, field: FilterField) => void;
     removeField: (name: string) => void;
     collapse: {
         collapsed: boolean;
@@ -29,3 +27,4 @@ export declare const ChartFilterContext: React.Context<{
     setForm: (form: any) => void;
 }>;
 export declare const ChartFilterProvider: React.FC;
+export {};

package/dist/client/filter/utils.d.ts

@@ -1,3 +1,4 @@
+import { Schema } from '@formily/react';
 export declare const getOptionsSchema: () => {
     title: string;
     type: string;
@@ -49,3 +50,10 @@ export declare const getOptionsSchema: () => {
 export declare const getPropsSchemaByComponent: (component: string) => any;
 export declare const transformValue: (value: any, props: any) => any;
 export declare const setDefaultValue: (field: any, variables: any) => Promise<void>;
+export declare const FILTER_FIELD_PREFIX_SEPARATOR = "-";
+export declare const getFilterFieldPrefix: (dataSource: string, fieldName: string) => string;
+export declare const parseFilterFieldName: (name: string) => {
+    dataSource: string;
+    fieldName: string;
+};
+export declare const findSchema: (schema: Schema, key: string, targetName: string) => any;

package/dist/client/hooks/filter.d.ts

@@ -1,21 +1,31 @@
-import { SchemaInitializerItemType } from '@nocobase/client';
-import { CollectionOptions } from '@nocobase/database';
+import { Collection, CollectionFieldInterfaceManager, CollectionManager, SchemaInitializerItemType } from '@nocobase/client';
 export declare const useCustomFieldInterface: () => {
     getSchemaByInterface: (fieldInterface: string) => any;
 };
 export declare const useChartData: () => {
-    getChartCollections: () => string[];
+    chartCollections: {
+        [dataSource: string]: string[];
+    };
+    showDataSource: boolean;
+    getIsChartCollectionExists: (dataSource: string, collection: string) => boolean;
 };
 export declare const useChartFilter: () => {
     filter: () => Promise<void>;
     refresh: () => Promise<void>;
-    getChartFilterFields: (collection: CollectionOptions) => SchemaInitializerItemType[];
+    getChartFilterFields: ({ dataSource, collection, cm, fim, }: {
+        dataSource: string;
+        collection: Collection;
+        cm: CollectionManager;
+        fim: CollectionFieldInterfaceManager;
+    }) => SchemaInitializerItemType[];
     getFilter: () => {};
     hasFilter: (chart: {
+        dataSource: string;
         collection: string;
         query: any;
     }, filterValues: any) => any;
     appendFilter: (chart: {
+        dataSource: string;
         collection: string;
         query: any;
     }, filterValues: any) => any;
@@ -31,7 +41,15 @@ export declare const useFilterVariable: () => {
         label: string;
     }[];
 };
-export declare const useChartFilterSourceFields: () => any[];
+export declare const useChartFilterSourceFields: () => {
+    value: string;
+    label: any;
+    children: {
+        value: string;
+        label: any;
+        children: any[];
+    }[];
+}[];
 export declare const useFieldComponents: () => {
     options: {
         label: string;
@@ -39,4 +57,4 @@ export declare const useFieldComponents: () => {
     }[];
     values: string[];
 };
-export declare const useCollectionJoinFieldTitle: (name: string) => any;
+export declare const useCollectionJoinFieldTitle: (dataSource: string, name: string) => any;

package/dist/client/hooks/query.d.ts

@@ -1,6 +1,6 @@
 import { ArrayField } from '@formily/core';
 import { ISchema } from '@formily/react';
-import { CollectionFieldOptions_deprecated } from '@nocobase/client';
+import { CollectionFieldOptions, CollectionManager } from '@nocobase/client';
 export type FieldOption = {
     value: string;
     label: string;
@@ -13,73 +13,22 @@ export type FieldOption = {
     target?: string;
     targetFields?: FieldOption[];
 };
-export declare const useFields: (collection?: string) => (CollectionFieldOptions_deprecated & {
+export declare const useChartDataSource: (dataSource?: string) => {
+    cm: CollectionManager;
+    fim: import("@nocobase/client").CollectionFieldInterfaceManager;
+    collection: string;
+};
+export declare const useFields: (collectionFields: CollectionFieldOptions[]) => (CollectionFieldOptions & {
     key: string;
     label: string;
     value: string;
 })[];
-export declare const useFieldsWithAssociation: (collection?: string) => ({
+export declare const useFieldsWithAssociation: (dataSource?: string, collection?: string) => ({
     label: any;
     name?: any;
     collectionName?: string;
     sourceKey?: string;
-    uiSchema?: import("@formily/react").Stringify<{
-        [key: symbol]: any;
-        [key: `x-${string}`]: any;
-        [key: `x-${number}`]: any;
-        version?: string;
-        name?: import("@formily/react").SchemaKey;
-        title?: any;
-        description?: any;
-        default?: any;
-        readOnly?: boolean;
-        writeOnly?: boolean;
-        type?: import("@formily/react").SchemaTypes;
-        enum?: import("@formily/react").SchemaEnum<any>;
-        const?: any;
-        multipleOf?: number;
-        maximum?: number;
-        exclusiveMaximum?: number;
-        minimum?: number;
-        exclusiveMinimum?: number;
-        maxLength?: number;
-        minLength?: number;
-        pattern?: string | RegExp;
-        maxItems?: number;
-        minItems?: number;
-        uniqueItems?: boolean;
-        maxProperties?: number;
-        minProperties?: number;
-        required?: string | boolean | string[];
-        format?: string;
-        $ref?: string;
-        $namespace?: string;
-        definitions?: import("@formily/react").SchemaProperties<any, any, any, any, any, any, any, any>;
-        properties?: import("@formily/react").SchemaProperties<any, any, any, any, any, any, any, any>;
-        items?: import("@formily/react").SchemaItems<any, any, any, any, any, any, any, any>;
-        additionalItems?: import("@formily/react").Stringify<any>;
-        patternProperties?: import("@formily/react").SchemaProperties<any, any, any, any, any, any, any, any>;
-        additionalProperties?: import("@formily/react").Stringify<any>;
-        "x-value"?: any;
-        "x-index"?: number;
-        "x-pattern"?: any;
-        "x-display"?: any;
-        "x-validator"?: any;
-        "x-decorator"?: any;
-        "x-decorator-props"?: any;
-        "x-component"?: any;
-        "x-component-props"?: any;
-        "x-reactions"?: import("@formily/react").SchemaReactions<any>;
-        "x-content"?: any;
-        "x-data"?: any;
-        "x-visible"?: boolean;
-        "x-hidden"?: boolean;
-        "x-disabled"?: boolean;
-        "x-editable"?: boolean;
-        "x-read-only"?: boolean;
-        "x-read-pretty"?: boolean;
-        "x-compile-omitted"?: string[];
-    }>;
+    uiSchema?: any;
     target?: string;
     key: string;
     value: string;
@@ -89,63 +38,7 @@ export declare const useFieldsWithAssociation: (collection?: string) => ({
     name?: any;
     collectionName?: string;
     sourceKey?: string;
-    uiSchema?: import("@formily/react").Stringify<{
-        [key: symbol]: any;
-        [key: `x-${string}`]: any;
-        [key: `x-${number}`]: any;
-        version?: string;
-        name?: import("@formily/react").SchemaKey;
-        title?: any;
-        description?: any;
-        default?: any;
-        readOnly?: boolean;
-        writeOnly?: boolean;
-        type?: import("@formily/react").SchemaTypes;
-        enum?: import("@formily/react").SchemaEnum<any>;
-        const?: any;
-        multipleOf?: number;
-        maximum?: number;
-        exclusiveMaximum?: number;
-        minimum?: number;
-        exclusiveMinimum?: number;
-        maxLength?: number;
-        minLength?: number;
-        pattern?: string | RegExp;
-        maxItems?: number;
-        minItems?: number;
-        uniqueItems?: boolean;
-        maxProperties?: number;
-        minProperties?: number;
-        required?: string | boolean | string[];
-        format?: string;
-        $ref?: string;
-        $namespace?: string;
-        definitions?: import("@formily/react").SchemaProperties<any, any, any, any, any, any, any, any>;
-        properties?: import("@formily/react").SchemaProperties<any, any, any, any, any, any, any, any>;
-        items?: import("@formily/react").SchemaItems<any, any, any, any, any, any, any, any>;
-        additionalItems?: import("@formily/react").Stringify<any>;
-        patternProperties?: import("@formily/react").SchemaProperties<any, any, any, any, any, any, any, any>;
-        additionalProperties?: import("@formily/react").Stringify<any>;
-        "x-value"?: any;
-        "x-index"?: number;
-        "x-pattern"?: any;
-        "x-display"?: any;
-        "x-validator"?: any;
-        "x-decorator"?: any;
-        "x-decorator-props"?: any;
-        "x-component"?: any;
-        "x-component-props"?: any;
-        "x-reactions"?: import("@formily/react").SchemaReactions<any>;
-        "x-content"?: any;
-        "x-data"?: any;
-        "x-visible"?: boolean;
-        "x-hidden"?: boolean;
-        "x-disabled"?: boolean;
-        "x-editable"?: boolean;
-        "x-read-only"?: boolean;
-        "x-read-pretty"?: boolean;
-        "x-compile-omitted"?: string[];
-    }>;
+    uiSchema?: any;
     target?: string;
     key: string;
     value: string;
@@ -155,4 +48,6 @@ export declare const useFormatters: (fields: FieldOption[]) => (field: any) => v
 export declare const useCollectionOptions: () => any;
 export declare const useOrderFieldsOptions: (defaultOptions: any[], fields: FieldOption[]) => (field: any) => void;
 export declare const useOrderReaction: (defaultOptions: any[], fields: FieldOption[]) => (field: ArrayField) => void;
-export declare const useData: (data?: any[], collection?: string) => {}[];
+export declare const useData: (data?: any[], dataSource?: string, collection?: string) => {}[];
+export declare const useCollectionFieldsOptions: (dataSource: string, collectionName: string, maxDepth?: number, excludes?: any[]) => any[];
+export declare const useCollectionFilterOptions: (dataSource: string, collection: string) => any[];

package/dist/client/hooks/transformer.d.ts

@@ -1,11 +1,18 @@
 import { ChartRendererProps } from '../renderer';
 import { FieldOption } from './query';
-/**
- * useFieldTypes
- * Get field types for using transformers
- * Only supported types will be displayed
- * Some interfaces and types will be mapped to supported types
- */
-export declare const useFieldTypes: (fields: FieldOption[]) => (field: any) => void;
+export declare const useFieldSelectProps: (fields: FieldOption[]) => () => {
+    onChange: (value: string) => void;
+};
+export declare const useFieldTypeSelectProps: () => {
+    options: {
+        label: string;
+        value: string;
+    }[];
+    onChange: (value: string) => void;
+};
+export declare const useTransformerSelectProps: () => {
+    onChange: (value: string) => void;
+};
 export declare const useTransformers: (field: any) => void;
+export declare const useArgument: (field: any) => void;
 export declare const useFieldTransformer: (transform: ChartRendererProps['transform'], locale?: string) => {};

package/dist/client/index.d.ts

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