@devtable/dashboard 6.35.0 → 6.36.0

package/dist/plugins/viz-components/pareto-chart/editors/bar.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Control, UseFormWatch } from 'react-hook-form';
+import { AnyObject } from '~/types';
+import { IParetoChartConf } from '../type';
+interface IBarField {
+    control: Control<IParetoChartConf, $TSFixMe>;
+    watch: UseFormWatch<IParetoChartConf>;
+    data: AnyObject[];
+}
+export declare function BarField({ data, control, watch }: IBarField): JSX.Element;
+export {};

package/dist/plugins/viz-components/pareto-chart/editors/line.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Control, UseFormWatch } from 'react-hook-form';
+import { AnyObject } from '~/types';
+import { IParetoChartConf } from '../type';
+interface ILineField {
+    control: Control<IParetoChartConf, $TSFixMe>;
+    watch: UseFormWatch<IParetoChartConf>;
+    data: AnyObject[];
+}
+export declare function LineField({ data, control, watch }: ILineField): JSX.Element;
+export {};

package/dist/plugins/viz-components/pareto-chart/editors/mark-line.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { Control, UseFormWatch } from 'react-hook-form';
+import { AnyObject } from '~/types';
+import { IParetoChartConf } from '../type';
+export declare const DescribeParetoParams: () => JSX.Element;
+interface IMarkLineField {
+    control: Control<IParetoChartConf, $TSFixMe>;
+    watch: UseFormWatch<IParetoChartConf>;
+    data: AnyObject[];
+}
+export declare function MarkLineField({ data, control, watch }: IMarkLineField): JSX.Element;
+export {};

package/dist/plugins/viz-components/pareto-chart/editors/x-axis.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Control, UseFormWatch } from 'react-hook-form';
+import { AnyObject } from '~/types';
+import { IParetoChartConf } from '../type';
+interface IXAxisField {
+    control: Control<IParetoChartConf, $TSFixMe>;
+    watch: UseFormWatch<IParetoChartConf>;
+    data: AnyObject[];
+}
+export declare function XAxisField({ data, control, watch }: IXAxisField): JSX.Element;
+export {};

package/dist/plugins/viz-components/pareto-chart/editors/y-axis.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Control, UseFormWatch } from 'react-hook-form';
+import { AnyObject } from '~/types';
+import { IParetoChartConf } from '../type';
+interface IYAxisField {
+    control: Control<IParetoChartConf, $TSFixMe>;
+    watch: UseFormWatch<IParetoChartConf>;
+    data: AnyObject[];
+}
+export declare function YAxisField({ data, control, watch }: IYAxisField): JSX.Element;
+export {};

package/dist/plugins/viz-components/pareto-chart/option/index.d.ts

@@ -55,6 +55,10 @@ export declare function getOption(conf: IParetoChartConf, data: $TSFixMe[], _var
             show: boolean;
             alignWithLabel: boolean;
         };
+        axisLabel: {
+            formatter: (value: string | number, index: number) => any;
+            rotate: number;
+        };
     }[];
     yAxis: ({
         name: string;
@@ -67,10 +71,13 @@ export declare function getOption(conf: IParetoChartConf, data: $TSFixMe[], _var
         axisLine: {
             show: boolean;
         };
+        axisLabel: {
+            show: boolean;
+            formatter: (payload: any) => void;
+        };
         splitLine: {
             show: boolean;
         };
-        axisLabel?: undefined;
     } | {
         name: string;
         nameGap: number;
@@ -96,11 +103,16 @@ export declare function getOption(conf: IParetoChartConf, data: $TSFixMe[], _var
         itemStyle: {
             color: string;
         };
+        label: {
+            show: boolean;
+            position: string;
+            formatter: (payload: any) => void;
+        };
         yAxisIndex: number;
         data: any[][];
         symbolSize?: undefined;
         lineStyle?: undefined;
-        label?: undefined;
+        markLine?: undefined;
     } | {
         name: string;
         type: string;
@@ -114,10 +126,35 @@ export declare function getOption(conf: IParetoChartConf, data: $TSFixMe[], _var
         label: {
             show: boolean;
             position: string;
-            formatter: (payload: any) => any;
+            formatter: (payload: any) => void;
         };
         yAxisIndex: number;
-        data: any[][];
+        data: import("./types").TLineDataItem[];
+        markLine: {
+            name?: undefined;
+            silent?: undefined;
+            symbol?: undefined;
+            symbolRotate?: undefined;
+            symbolSize?: undefined;
+            data?: undefined;
+        } | {
+            name: string;
+            silent: boolean;
+            symbol: string;
+            symbolRotate: number;
+            symbolSize: number[];
+            data: {
+                name: string;
+                symbol: string;
+                xAxis: string | number;
+                lineStyle: {
+                    color: string;
+                };
+                label: {
+                    formatter: any;
+                };
+            }[];
+        };
     })[];
     grid: {
         top: number;

package/dist/plugins/viz-components/pareto-chart/option/mark-line.d.ts

@@ -0,0 +1,27 @@
+import { IParetoChartConf } from '../type';
+import { TLineDataItem } from './types';
+export declare function getMarkLine(conf: IParetoChartConf, lineData: TLineDataItem[]): {
+    name?: undefined;
+    silent?: undefined;
+    symbol?: undefined;
+    symbolRotate?: undefined;
+    symbolSize?: undefined;
+    data?: undefined;
+} | {
+    name: string;
+    silent: boolean;
+    symbol: string;
+    symbolRotate: number;
+    symbolSize: number[];
+    data: {
+        name: string;
+        symbol: string;
+        xAxis: string | number;
+        lineStyle: {
+            color: string;
+        };
+        label: {
+            formatter: any;
+        };
+    }[];
+};

package/dist/plugins/viz-components/pareto-chart/option/series.d.ts

@@ -1,17 +1,23 @@
 import { AnyObject } from '~/types';
 import { IParetoChartConf } from '../type';
-declare function formatterForLine(payload: $TSFixMe): any;
-export declare function getSeries(conf: IParetoChartConf, data: AnyObject[]): ({
+import { TLineDataItem } from './types';
+import { TParetoFormatters } from './utils';
+export declare function getSeries(conf: IParetoChartConf, data: AnyObject[], formatters: TParetoFormatters): ({
     name: string;
     type: string;
     itemStyle: {
         color: string;
     };
+    label: {
+        show: boolean;
+        position: string;
+        formatter: (payload: any) => void;
+    };
     yAxisIndex: number;
     data: any[][];
     symbolSize?: undefined;
     lineStyle?: undefined;
-    label?: undefined;
+    markLine?: undefined;
 } | {
     name: string;
     type: string;
@@ -25,9 +31,33 @@ export declare function getSeries(conf: IParetoChartConf, data: AnyObject[]): ({
     label: {
         show: boolean;
         position: string;
-        formatter: typeof formatterForLine;
+        formatter: (payload: any) => void;
     };
     yAxisIndex: number;
-    data: any[][];
+    data: TLineDataItem[];
+    markLine: {
+        name?: undefined;
+        silent?: undefined;
+        symbol?: undefined;
+        symbolRotate?: undefined;
+        symbolSize?: undefined;
+        data?: undefined;
+    } | {
+        name: string;
+        silent: boolean;
+        symbol: string;
+        symbolRotate: number;
+        symbolSize: number[];
+        data: {
+            name: string;
+            symbol: string;
+            xAxis: string | number;
+            lineStyle: {
+                color: string;
+            };
+            label: {
+                formatter: any;
+            };
+        }[];
+    };
 })[];
-export {};

package/dist/plugins/viz-components/pareto-chart/option/tooltip.d.ts

@@ -1,8 +1,7 @@
 import { CallbackDataParams } from 'echarts/types/dist/shared';
 import { IParetoChartConf } from '../type';
-declare function tooltipFormatter(params: CallbackDataParams): string;
-export declare function getTooltip(conf: IParetoChartConf): {
+import { TParetoFormatters } from './utils';
+export declare function getTooltip(conf: IParetoChartConf, formatters: TParetoFormatters): {
     trigger: string;
-    formatter: typeof tooltipFormatter;
+    formatter: (params: CallbackDataParams) => string;
 };
-export {};

package/dist/plugins/viz-components/pareto-chart/option/types.d.ts

@@ -0,0 +1 @@
+export declare type TLineDataItem = [string | number, number];

package/dist/plugins/viz-components/pareto-chart/option/utils.d.ts

@@ -1 +1,8 @@
+import { IParetoChartConf } from '../type';
 export declare function formatPercentage(value: number): string;
+export declare type TParetoFormatters = {
+    bar: (payload: $TSFixMe) => void;
+    line: (payload: $TSFixMe) => void;
+    lineValue: typeof formatPercentage;
+};
+export declare function getFormatters(conf: IParetoChartConf): TParetoFormatters;

package/dist/plugins/viz-components/pareto-chart/option/x-axis.d.ts

@@ -15,4 +15,8 @@ export declare function getXAxis(conf: IParetoChartConf): {
         show: boolean;
         alignWithLabel: boolean;
     };
+    axisLabel: {
+        formatter: (value: string | number, index: number) => any;
+        rotate: number;
+    };
 }[];

package/dist/plugins/viz-components/pareto-chart/option/y-axes.d.ts

@@ -1,6 +1,6 @@
 import { IParetoChartConf } from '../type';
-import { formatPercentage } from './utils';
-export declare function getYAxes(conf: IParetoChartConf): ({
+import { TParetoFormatters } from './utils';
+export declare function getYAxes(conf: IParetoChartConf, formatters: TParetoFormatters): ({
     name: string;
     nameGap: number;
     nameTextStyle: {
@@ -11,10 +11,13 @@ export declare function getYAxes(conf: IParetoChartConf): ({
     axisLine: {
         show: boolean;
     };
+    axisLabel: {
+        show: boolean;
+        formatter: (payload: any) => void;
+    };
     splitLine: {
         show: boolean;
     };
-    axisLabel?: undefined;
 } | {
     name: string;
     nameGap: number;
@@ -28,7 +31,7 @@ export declare function getYAxes(conf: IParetoChartConf): ({
     };
     axisLabel: {
         show: boolean;
-        formatter: typeof formatPercentage;
+        formatter: typeof import("./utils").formatPercentage;
     };
     splitLine: {
         show: boolean;

package/dist/plugins/viz-components/pareto-chart/type.d.ts

@@ -1,18 +1,33 @@
+import { TNumbroFormat } from '~/panel/settings/common/numbro-format-selector';
 import { TEchartsDataZoomConfig } from '../cartesian/panel/echarts-zooming-field/types';
+import { IXAxisLabelFormatter } from '../cartesian/panel/x-axis/x-axis-label-formatter/types';
+export declare const DEFAULT_PARETO_MARK_LINE: {
+    label_template: string;
+    color: string;
+};
 export interface IParetoChartConf {
     x_axis: {
         name: string;
         data_key: string;
+        axisLabel: {
+            rotate: number;
+            formatter: IXAxisLabelFormatter;
+        };
     };
     data_key: string;
     bar: {
         name: string;
         color: string;
+        label_formatter: TNumbroFormat;
     };
     line: {
         name: string;
         color: string;
     };
     dataZoom: TEchartsDataZoomConfig;
+    markLine: {
+        label_template: string;
+        color: string;
+    };
 }
 export declare const DEFAULT_CONFIG: IParetoChartConf;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devtable/dashboard",
-  "version": "6.35.0",
+  "version": "6.36.0",
   "license": "Apache-2.0",
   "publishConfig": {
     "access": "public",