@nocobase/plugin-data-visualization 1.4.0-alpha.20240930160619 → 1.4.0-alpha.20241011073807

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

@@ -10,7 +10,7 @@ import React from 'react';
 import { FieldOption } from '../hooks';
 import { DimensionProps, MeasureProps } from '../renderer';
 import { ISchema } from '@formily/react';
-import { AnySchemaProperties, Config, FieldConfigProps } from './configs';
+import { Config, ConfigType } from './configs';
 import { Transformer } from '../transformers';
 export type RenderProps = {
     data: Record<string, any>[];
@@ -27,6 +27,7 @@ export type RenderProps = {
 export interface ChartType {
     name: string;
     title: string;
+    enableAdvancedConfig?: boolean;
     Component: React.FC<any>;
     schema: ISchema;
     init?: (fields: FieldOption[], query: {
@@ -45,25 +46,27 @@ export interface ChartType {
 export type ChartProps = {
     name: string;
     title: string;
+    enableAdvancedConfig?: boolean;
     Component: React.FC<any>;
     config?: Config[];
 };
 export declare class Chart implements ChartType {
     name: string;
     title: string;
+    enableAdvancedConfig: boolean;
     Component: React.FC<any>;
     config: Config[];
-    configs: Map<string, Function>;
-    constructor({ name, title, Component, config }: ChartProps);
+    configTypes: Map<string, ConfigType>;
+    constructor({ name, title, enableAdvancedConfig, Component, config }: ChartProps);
     get schema(): {
         type?: undefined;
         properties?: undefined;
     } | {
         type: string;
-        properties: AnySchemaProperties;
+        properties: any;
     };
-    addConfigs(configs: {
-        [key: string]: (props: FieldConfigProps) => AnySchemaProperties;
+    addConfigTypes(configs: {
+        [key: string]: ConfigType;
     }): void;
     infer(fields: FieldOption[], { measures, dimensions, }: {
         measures?: MeasureProps[];

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

@@ -12,18 +12,30 @@ export type FieldConfigProps = Partial<{
     title: string;
     required: boolean;
     defaultValue: any;
+    description: string;
+    options: {
+        label: string;
+        value: any;
+    }[];
+    componentProps: Record<string, any>;
 }>;
 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;
+export type ConfigType = (FieldConfigProps & {
+    configType?: string;
+}) | ((props?: FieldConfigProps) => AnySchemaProperties) | AnySchemaProperties;
+export type Config = string | ConfigType;
 declare const _default: {
-    field: ({ name, title, required, defaultValue }: Partial<{
+    field: ({ name, title, required, defaultValue, description }: Partial<{
         name: string;
         title: string;
         required: boolean;
         defaultValue: any;
+        description: string;
+        options: {
+            label: string;
+            value: any;
+        }[];
+        componentProps: Record<string, any>;
     }>) => {
         [x: string]: {
             title: string;
@@ -32,65 +44,246 @@ declare const _default: {
             'x-component': string;
             'x-reactions': string;
             required: boolean;
+            description: string;
             default: any;
         };
     };
-    booleanField: ({ name, title, defaultValue }: Partial<{
+    input: ({ name, title, required, defaultValue, description }: Partial<{
         name: string;
         title: string;
         required: boolean;
         defaultValue: any;
+        description: string;
+        options: {
+            label: string;
+            value: any;
+        }[];
+        componentProps: Record<string, any>;
     }>) => {
         [x: string]: {
-            'x-content': string;
+            title: string;
             type: string;
             'x-decorator': string;
             'x-component': string;
+            required: boolean;
             default: any;
+            description: string;
         };
     };
-    xField: (props: FieldConfigProps) => {
+    boolean: ({ name, title, defaultValue, description }: Partial<{
+        name: string;
+        title: string;
+        required: boolean;
+        defaultValue: any;
+        description: string;
+        options: {
+            label: string;
+            value: any;
+        }[];
+        componentProps: Record<string, any>;
+    }>) => {
         [x: string]: {
-            title: string;
+            'x-content': string;
             type: string;
             'x-decorator': string;
             'x-component': string;
-            'x-reactions': string;
-            required: boolean;
             default: any;
+            description: string;
         };
     };
-    yField: (props: FieldConfigProps) => {
+    select: ({ name, title, required, defaultValue, options, description }: Partial<{
+        name: string;
+        title: string;
+        required: boolean;
+        defaultValue: any;
+        description: string;
+        options: {
+            label: string;
+            value: any;
+        }[];
+        componentProps: Record<string, any>;
+    }>) => {
         [x: string]: {
             title: string;
             type: string;
             'x-decorator': string;
             'x-component': string;
-            'x-reactions': string;
             required: boolean;
             default: any;
+            description: string;
+            enum: {
+                label: string;
+                value: any;
+            }[];
         };
     };
-    seriesField: (props: FieldConfigProps) => {
+    radio: ({ name, title, defaultValue, options, description, componentProps }: Partial<{
+        name: string;
+        title: string;
+        required: boolean;
+        defaultValue: any;
+        description: string;
+        options: {
+            label: string;
+            value: any;
+        }[];
+        componentProps: Record<string, any>;
+    }>) => {
         [x: string]: {
             title: string;
             type: string;
             'x-decorator': string;
             'x-component': string;
-            'x-reactions': string;
-            required: boolean;
+            'x-component-props': {
+                [x: string]: any;
+            };
             default: any;
+            description: string;
+            enum: {
+                label: string;
+                value: any;
+            }[];
         };
     };
-    colorField: (props: FieldConfigProps) => {
+    percent: ({ name, title, defaultValue, description }: Partial<{
+        name: string;
+        title: string;
+        required: boolean;
+        defaultValue: any;
+        description: string;
+        options: {
+            label: string;
+            value: any;
+        }[];
+        componentProps: Record<string, any>;
+    }>) => {
         [x: string]: {
             title: string;
             type: string;
             'x-decorator': string;
             'x-component': string;
-            'x-reactions': string;
-            required: boolean;
             default: any;
+            description: string;
+            'x-component-props': {
+                suffix: string;
+            };
+        };
+    };
+    xField: {
+        configType: string;
+        name: string;
+        title: string;
+        required: boolean;
+    };
+    yField: {
+        configType: string;
+        name: string;
+        title: string;
+        required: boolean;
+    };
+    seriesField: {
+        configType: string;
+        name: string;
+        title: string;
+    };
+    colorField: {
+        configType: string;
+        name: string;
+        title: string;
+        required: boolean;
+    };
+    isStack: {
+        configType: string;
+        name: string;
+        title: string;
+    };
+    smooth: {
+        configType: string;
+        name: string;
+        title: string;
+    };
+    isPercent: {
+        configType: string;
+        name: string;
+        title: string;
+    };
+    isGroup: {
+        configType: string;
+        name: string;
+        title: string;
+    };
+    size: () => {
+        size: {
+            title: string;
+            type: string;
+            'x-decorator': string;
+            'x-component': string;
+            properties: {
+                type: {
+                    'x-component': string;
+                    'x-component-props': {
+                        allowClear: boolean;
+                    };
+                    default: string;
+                    enum: {
+                        label: string;
+                        value: string;
+                    }[];
+                };
+                fixed: {
+                    type: string;
+                    'x-component': string;
+                    'x-component-props': {
+                        min: number;
+                        addonAfter: string;
+                    };
+                    'x-reactions': {
+                        dependencies: string[];
+                        fulfill: {
+                            state: {
+                                visible: string;
+                            };
+                        };
+                    }[];
+                };
+                ratio: {
+                    type: string;
+                    'x-component': string;
+                    'x-reactions': {
+                        dependencies: string[];
+                        fulfill: {
+                            state: {
+                                visible: string;
+                            };
+                        };
+                    }[];
+                    properties: {
+                        width: {
+                            type: string;
+                            'x-component': string;
+                            'x-component-props': {
+                                placeholder: string;
+                                min: number;
+                            };
+                        };
+                        colon: {
+                            type: string;
+                            'x-component': string;
+                            'x-component-props': {
+                                children: string;
+                            };
+                        };
+                        height: {
+                            type: string;
+                            'x-component': string;
+                            'x-component-props': {
+                                placeholder: string;
+                                min: number;
+                            };
+                        };
+                    };
+                };
+            };
         };
     };
 };

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

@@ -7,14 +7,18 @@
  * For more information, please refer to: https://www.nocobase.com/agreement.
  */
 import { ChartType } from './chart';
+interface Group {
+    title: string;
+    charts: ChartType[];
+    sort?: number;
+}
 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;
+    charts: Map<string, Group>;
+    addGroup(name: string, group: Group): void;
+    add(name: string, charts: ChartType | ChartType[]): void;
     /**
      * @internal
      */
@@ -62,3 +66,4 @@ export declare const useCharts: () => {
  * @internal
  */
 export declare const useChart: (type: string) => ChartType;
+export {};

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

@@ -7,6 +7,6 @@
  * For more information, please refer to: https://www.nocobase.com/agreement.
  */
 import { ISchema } from '@formily/react';
-export declare const getConfigSchema: (general: any) => ISchema;
+export declare const getConfigSchema: (general: any, enableAdvancedConfig?: boolean) => ISchema;
 export declare const querySchema: ISchema;
 export declare const transformSchema: ISchema;

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

@@ -0,0 +1,20 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+/// <reference types="react" />
+export declare const useSetChartSize: (size: {
+    type: 'fixed' | 'ratio';
+    ratio?: {
+        width: number;
+        height: number;
+    };
+    fixed?: number;
+}, fixedHeight?: number) => {
+    chartRef: import("react").MutableRefObject<any>;
+    chartHeight: number;
+};

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

@@ -10,3 +10,4 @@ export * from './query';
 export * from './transformer';
 export * from './useVariableOptions';
 export * from './filter';
+export * from './chart';

package/dist/client/index.d.ts

@@ -16,5 +16,6 @@ export default PluginDataVisualiztionClient;
 export { Chart } from './chart/chart';
 export type { ChartProps, ChartType, RenderProps } from './chart/chart';
 export { ChartConfigContext } from './configure';
+export { useSetChartSize } from './hooks';
 export type { FieldOption } from './hooks';
 export type { QueryProps } from './renderer';