@nocobase/plugin-data-visualization 2.0.0-alpha.5 → 2.0.0-alpha.51

package/dist/client/flow/components/AntdFilterSelector.d.ts

@@ -0,0 +1,35 @@
+/**
+ * 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.
+ */
+import React from 'react';
+import type { CSSProperties } from 'react';
+import type { VariableFilterItemValue } from '@nocobase/client';
+import type { FlowModel } from '@nocobase/flow-engine';
+type LogicOp = '$and' | '$or';
+export type FilterCondition = VariableFilterItemValue;
+export type FilterGroupValue = {
+    logic: LogicOp;
+    items: Array<FilterCondition | FilterGroupValue>;
+};
+export interface AntdFilterSelectorProps {
+    value?: FilterGroupValue;
+    onChange?: (next: FilterGroupValue) => void;
+    model: FlowModel;
+    rightAsVariable?: boolean;
+    collectionPath?: string[];
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * AntdFilterSelector
+ * - antd Form.Item 子组件
+ * - 内部用响应式对象驱动 FilterGroup/VariableFilterItem
+ * - reaction 桥接所有深层变更为 antd 的 onChange
+ */
+export declare const AntdFilterSelector: React.FC<AntdFilterSelectorProps>;
+export default AntdFilterSelector;

package/dist/client/flow/{models/ChartPreviewer.d.ts → components/DaraButton.d.ts}

@@ -7,4 +7,8 @@
  * For more information, please refer to: https://www.nocobase.com/agreement.
  */
 import React from 'react';
-export declare const ChartPreviewer: React.FC;
+import type { FlowSettingsContext } from '@nocobase/flow-engine';
+export declare const DaraButton: React.FC<{
+    ctx: FlowSettingsContext<any>;
+}>;
+export default DaraButton;

package/dist/client/flow/models/ChartBlockModel.d.ts

@@ -6,32 +6,19 @@
  * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
  * For more information, please refer to: https://www.nocobase.com/agreement.
  */
-import { DataBlockModel, SubPageModel } from '@nocobase/client';
+import { ChildPageModel, DataBlockModel } from '@nocobase/client';
 import { SQLResource } from '@nocobase/flow-engine';
 import React from 'react';
 import { ChartOptions } from './Chart';
 import { ChartResource } from '../resources/ChartResource';
 type ChartBlockModelStructure = {
     subModels: {
-        page: SubPageModel;
+        page: ChildPageModel;
     };
 };
 type ChartProps = {
-    query: {
-        mode: 'builder' | 'sql';
-        measure?: any;
-        dimension?: any;
-        filter?: any;
-        order?: any;
-        limit?: any;
-        offset?: any;
-        sql?: string;
-    };
     chart: ChartOptions & {
         optionRaw?: string;
-        mode: 'basic' | 'custom';
-        builder?: any;
-        raw?: string;
     };
 };
 export declare class ChartBlockModel extends DataBlockModel<ChartBlockModelStructure> {
@@ -39,9 +26,10 @@ export declare class ChartBlockModel extends DataBlockModel<ChartBlockModelStruc
     _previousStepParams: any;
     get resource(): ChartResource<any> | SQLResource<any>;
     private __onResourceRefresh;
+    onActive(): void;
     initResource(mode?: string): void;
     getResourceSettingsInitParams(): any;
-    onInit(options: any): void;
+    onInit(options: any): Promise<void>;
     renderComponent(): React.JSX.Element;
     getFilterFields(): Promise<{
         name: string;
@@ -57,8 +45,19 @@ export declare class ChartBlockModel extends DataBlockModel<ChartBlockModelStruc
         };
     }[]>;
     checkResource(query: any): void;
-    runQueryAndUpdateResult(query: any): Promise<void>;
-    setParamsAndRerender(params: any): Promise<void>;
-    cancelAndRerender(): Promise<void>;
+    applyQuery(query: any): void;
+    setDataResult(): void;
+    applyChartOptions(payload: {
+        mode: 'basic' | 'custom';
+        builder?: any;
+        raw?: string;
+    }): Promise<void>;
+    applyEvents(raw?: string): Promise<void>;
+    renderChart(): void;
+    onPreview(params: {
+        query: any;
+        chart: any;
+    }, needQueryData?: boolean): Promise<void>;
+    cancelPreview(): Promise<void>;
 }
 export {};

package/dist/client/flow/models/ChartOptionsBuilder.d.ts

@@ -8,9 +8,7 @@
  */
 import React from 'react';
 export declare const ChartOptionsBuilder: React.FC<{
-    columns: string[];
-    value?: any;
-    defaultValue?: any;
-    onChange?: (next: any) => void;
-    onRawChange?: (raw: string) => void;
+    columns?: string[];
+    initialValues: any;
+    onChange: (next: any) => void;
 }>;

package/dist/client/flow/models/ChartOptionsBuilder.service.d.ts

@@ -6,11 +6,53 @@
  * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
  * For more information, please refer to: https://www.nocobase.com/agreement.
  */
+export type ChartTypeKey = 'line' | 'bar' | 'barHorizontal' | 'pie' | 'doughnut' | 'scatter' | 'area' | 'funnel';
+export declare function getChartFormSpec(type: ChartTypeKey): ({
+    kind: string;
+    name: any;
+    labelKey: any;
+    options: any;
+    required?: undefined;
+    allowClear?: undefined;
+    placeholderKey?: undefined;
+    min?: undefined;
+    max?: undefined;
+} | {
+    kind: string;
+    name: any;
+    labelKey: any;
+    required: boolean;
+    allowClear: boolean;
+    placeholderKey: string;
+    options?: undefined;
+    min?: undefined;
+    max?: undefined;
+} | {
+    kind: string;
+    name: any;
+    labelKey: any;
+    options?: undefined;
+    required?: undefined;
+    allowClear?: undefined;
+    placeholderKey?: undefined;
+    min?: undefined;
+    max?: undefined;
+} | {
+    kind: string;
+    name: any;
+    labelKey: any;
+    min: any;
+    max: any;
+    options?: undefined;
+    required?: undefined;
+    allowClear?: undefined;
+    placeholderKey?: undefined;
+})[];
 export declare function buildFieldOptions(columns?: string[]): {
     label: string;
     value: string;
 }[];
-export declare function stripInvalidColumns(builder?: any, columns?: string[]): any;
-export declare function normalizeBuilder(builder?: any, columns?: string[]): any;
-export declare function applyTypeChange(builder: any, nextType: 'line' | 'bar' | 'pie', columns?: string[]): any;
+export declare function stripInvalidColumns(builder?: {}, columns?: string[]): any;
+export declare function normalizeBuilder(builder: any, columns?: string[]): any;
+export declare function applyTypeChange(builder: {}, nextType: ChartTypeKey, columns?: string[]): any;
 export declare function genRawByBuilder(builder: any): string;

package/dist/client/flow/models/ChartOptionsPanel.d.ts

@@ -7,4 +7,5 @@
  * For more information, please refer to: https://www.nocobase.com/agreement.
  */
 import React from 'react';
+export declare const chartOptionDefaultValue = "return {\n  dataset: { source: ctx.data.objects || [] },\n  xAxis: { type: 'category' },\n  yAxis: {},\n  series: [\n    {\n      type: 'line',\n      smooth: true,\n      showSymbol: false,\n    },\n  ],\n}\n";
 export declare const ChartOptionsPanel: React.FC;

package/dist/client/flow/models/{ChartEventsEditor.d.ts → EventsEditor.d.ts}

@@ -7,4 +7,5 @@
  * For more information, please refer to: https://www.nocobase.com/agreement.
  */
 /// <reference types="react" />
-export declare const ChartEventsEditor: import("react").ForwardRefExoticComponent<Omit<Partial<import("../components/CodeEditor").CodeEditorProps & import("react").RefAttributes<import("../components/CodeEditor").CodeEditorHandle>>, "ref"> & import("react").RefAttributes<unknown>>;
+declare const EventsEditor: import("react").ForwardRefExoticComponent<Omit<Partial<import("../components/CodeEditor").CodeEditorProps & import("react").RefAttributes<import("../components/CodeEditor").CodeEditorHandle>>, "ref"> & import("react").RefAttributes<unknown>>;
+export default EventsEditor;

package/dist/client/flow/models/QueryBuilder.d.ts

@@ -7,4 +7,10 @@
  * For more information, please refer to: https://www.nocobase.com/agreement.
  */
 import React from 'react';
-export declare const QueryBuilder: React.FC;
+export type QueryBuilderRef = {
+    validate: () => Promise<any>;
+};
+export declare const QueryBuilder: React.ForwardRefExoticComponent<{
+    initialValues?: any;
+    onChange?: (v: any) => void;
+} & React.RefAttributes<QueryBuilderRef>>;

package/dist/client/flow/models/QueryBuilder.service.d.ts

@@ -0,0 +1,19 @@
+/**
+ * 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.
+ */
+export declare function getFieldOptions(dm: any, compile: (v: any) => string, collectionPath?: string[]): any;
+export declare function aliasOf(val: any): string;
+export declare function getFormatterOptionsByField(dm: any, collectionPath: string[] | undefined, dimField: any): {
+    label: string;
+    value: string;
+}[];
+export declare function getCollectionOptions(dm: any, compile: (v: any) => string): any;
+export declare function validateQuery(query: Record<string, any>): {
+    success: boolean;
+    message: string;
+};

package/dist/client/flow/resources/ChartResource.d.ts

@@ -19,10 +19,6 @@ export declare class ChartResource<TData = any> extends BaseRecordResource<TData
     };
     setQueryParams(query: Record<string, any>, mark?: string): this;
     setFilter(filter: Record<string, any>): this;
-    validateQuery(query: Record<string, any>): {
-        success: boolean;
-        message: string;
-    };
     parseQuery(query: Record<string, any>): {
         mode: any;
         sql: any;
@@ -31,6 +27,7 @@ export declare class ChartResource<TData = any> extends BaseRecordResource<TData
         measures: any;
         dimensions: any;
         filter: any;
+        orders: any;
         limit: any;
         offset: any;
     };

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

@@ -31,3 +31,7 @@ export declare const formatters: {
         value: string;
     }[];
 };
+export declare function sleep(ms: number): Promise<void>;
+export declare function appendColon(label: string, lang?: string): string;
+export declare const isDebugEnabled: () => boolean;
+export declare const debugLog: (...args: any[]) => void;