@devtable/dashboard 6.33.0 → 6.34.1

package/dist/plugins/viz-components/cartesian/index.d.ts

@@ -1,7 +1,7 @@
 import { VizComponent } from '~/types/plugin';
 import { VersionBasedMigrator } from '~/plugins/plugin-data-migrator';
 export declare class VizCartesianMigrator extends VersionBasedMigrator {
-    readonly VERSION = 3;
+    readonly VERSION = 4;
     configVersions(): void;
 }
 export declare const CartesianVizComponent: VizComponent;

package/dist/plugins/viz-components/cartesian/option/grid.d.ts

@@ -1,5 +1,5 @@
 import { ICartesianChartConf } from '../type';
 export declare function getGrid(conf: ICartesianChartConf): {
-    bottom: number;
     top: number;
+    bottom: number;
 };

package/dist/plugins/viz-components/cartesian/panel/echarts-zooming-field/get-echarts-data-zoom-option.d.ts

@@ -0,0 +1,35 @@
+import { TEchartsDataZoomConfig } from './types';
+export declare function getEchartsDataZoomOption(conf: TEchartsDataZoomConfig): ({
+    type: string;
+    xAxisIndex: number[];
+    filterMode: string;
+    minSpan: number;
+    yAxisIndex?: undefined;
+    bottom?: undefined;
+    top?: undefined;
+    height?: undefined;
+    moveHandleSize?: undefined;
+    showDataShadow?: undefined;
+} | {
+    type: string;
+    yAxisIndex: number[];
+    filterMode: string;
+    minSpan: number;
+    xAxisIndex?: undefined;
+    bottom?: undefined;
+    top?: undefined;
+    height?: undefined;
+    moveHandleSize?: undefined;
+    showDataShadow?: undefined;
+} | {
+    type: string;
+    xAxisIndex: number[];
+    filterMode: string;
+    bottom: string;
+    top: number;
+    height: number;
+    moveHandleSize: number;
+    showDataShadow: boolean;
+    minSpan: number;
+    yAxisIndex?: undefined;
+})[];

package/dist/plugins/viz-components/cartesian/panel/echarts-zooming-field/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { TEchartsDataZoomConfig } from './types';
+interface IEchartsZoomingField {
+    value: TEchartsDataZoomConfig;
+    onChange: (v: TEchartsDataZoomConfig) => void;
+}
+export declare const EchartsZoomingField: import("react").ForwardRefExoticComponent<IEchartsZoomingField & import("react").RefAttributes<unknown>>;
+export {};

package/dist/plugins/viz-components/cartesian/panel/echarts-zooming-field/types.d.ts

@@ -0,0 +1,12 @@
+export declare type TEchartsDataZoomConfig = {
+    x_axis_scroll: boolean;
+    y_axis_scroll: boolean;
+    x_axis_slider: boolean;
+    y_axis_slider: boolean;
+};
+export declare const DEFAULT_DATA_ZOOM_CONFIG: {
+    x_axis_scroll: boolean;
+    y_axis_scroll: boolean;
+    x_axis_slider: boolean;
+    y_axis_slider: boolean;
+};

package/dist/plugins/viz-components/cartesian/type.d.ts

@@ -1,4 +1,5 @@
 import { TNumbroFormat } from '~/panel/settings/common/numbro-format-selector';
+import { TEchartsDataZoomConfig } from './panel/echarts-zooming-field/types';
 import { TScatterSize } from './panel/scatter-size-select/types';
 import { IXAxisLabelFormatter } from './panel/x-axis/x-axis-label-formatter/types';
 export interface ICartesianChartSeriesItem {
@@ -88,5 +89,6 @@ export interface ICartesianChartConf {
     };
     reference_lines: ICartesianReferenceLine[];
     reference_areas: ICartesianReferenceArea[];
+    dataZoom: TEchartsDataZoomConfig;
 }
 export declare const DEFAULT_CONFIG: ICartesianChartConf;

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

@@ -0,0 +1,129 @@
+import { ITemplateVariable } from '~/utils/template';
+import { IParetoChartConf } from '../type';
+export declare function getOption(conf: IParetoChartConf, data: $TSFixMe[], _variables: ITemplateVariable[]): {
+    dataZoom: ({
+        type: string;
+        xAxisIndex: number[];
+        filterMode: string;
+        minSpan: number;
+        yAxisIndex?: undefined;
+        bottom?: undefined;
+        top?: undefined;
+        height?: undefined;
+        moveHandleSize?: undefined;
+        showDataShadow?: undefined;
+    } | {
+        type: string;
+        yAxisIndex: number[];
+        filterMode: string;
+        minSpan: number;
+        xAxisIndex?: undefined;
+        bottom?: undefined;
+        top?: undefined;
+        height?: undefined;
+        moveHandleSize?: undefined;
+        showDataShadow?: undefined;
+    } | {
+        type: string;
+        xAxisIndex: number[];
+        filterMode: string;
+        bottom: string;
+        top: number;
+        height: number;
+        moveHandleSize: number;
+        showDataShadow: boolean;
+        minSpan: number;
+        yAxisIndex?: undefined;
+    })[];
+    tooltip: {
+        trigger: string;
+        formatter: (params: import("echarts/types/dist/shared").CallbackDataParams) => string;
+    };
+    xAxis: {
+        type: string;
+        name: string;
+        nameLocation: string;
+        nameGap: number;
+        nameTextStyle: {
+            fontWeight: string;
+            align: string;
+        };
+        splitLine: {
+            show: boolean;
+        };
+        axisTick: {
+            show: boolean;
+            alignWithLabel: boolean;
+        };
+    }[];
+    yAxis: ({
+        name: string;
+        nameGap: number;
+        nameTextStyle: {
+            fontWeight: string;
+            align: string;
+        };
+        position: string;
+        axisLine: {
+            show: boolean;
+        };
+        splitLine: {
+            show: boolean;
+        };
+        axisLabel?: undefined;
+    } | {
+        name: string;
+        nameGap: number;
+        nameTextStyle: {
+            fontWeight: string;
+            align: string;
+        };
+        position: string;
+        axisLine: {
+            show: boolean;
+        };
+        axisLabel: {
+            show: boolean;
+            formatter: typeof import("./utils").formatPercentage;
+        };
+        splitLine: {
+            show: boolean;
+        };
+    })[];
+    series: ({
+        name: string;
+        type: string;
+        itemStyle: {
+            color: string;
+        };
+        yAxisIndex: number;
+        data: any[][];
+        symbolSize?: undefined;
+        lineStyle?: undefined;
+        label?: undefined;
+    } | {
+        name: string;
+        type: string;
+        itemStyle: {
+            color: string;
+        };
+        symbolSize: number;
+        lineStyle: {
+            width: number;
+        };
+        label: {
+            show: boolean;
+            position: string;
+            formatter: (payload: any) => any;
+        };
+        yAxisIndex: number;
+        data: any[][];
+    })[];
+    grid: {
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+        containLabel: boolean;
+    };
+};

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

@@ -0,0 +1,33 @@
+import { AnyObject } from '~/types';
+import { IParetoChartConf } from '../type';
+declare function formatterForLine(payload: $TSFixMe): any;
+export declare function getSeries(conf: IParetoChartConf, data: AnyObject[]): ({
+    name: string;
+    type: string;
+    itemStyle: {
+        color: string;
+    };
+    yAxisIndex: number;
+    data: any[][];
+    symbolSize?: undefined;
+    lineStyle?: undefined;
+    label?: undefined;
+} | {
+    name: string;
+    type: string;
+    itemStyle: {
+        color: string;
+    };
+    symbolSize: number;
+    lineStyle: {
+        width: number;
+    };
+    label: {
+        show: boolean;
+        position: string;
+        formatter: typeof formatterForLine;
+    };
+    yAxisIndex: number;
+    data: any[][];
+})[];
+export {};

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

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

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

@@ -0,0 +1 @@
+export declare function formatPercentage(value: number): string;

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

@@ -0,0 +1,18 @@
+import { IParetoChartConf } from '../type';
+export declare function getXAxis(conf: IParetoChartConf): {
+    type: string;
+    name: string;
+    nameLocation: string;
+    nameGap: number;
+    nameTextStyle: {
+        fontWeight: string;
+        align: string;
+    };
+    splitLine: {
+        show: boolean;
+    };
+    axisTick: {
+        show: boolean;
+        alignWithLabel: boolean;
+    };
+}[];

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

@@ -0,0 +1,36 @@
+import { IParetoChartConf } from '../type';
+import { formatPercentage } from './utils';
+export declare function getYAxes(conf: IParetoChartConf): ({
+    name: string;
+    nameGap: number;
+    nameTextStyle: {
+        fontWeight: string;
+        align: string;
+    };
+    position: string;
+    axisLine: {
+        show: boolean;
+    };
+    splitLine: {
+        show: boolean;
+    };
+    axisLabel?: undefined;
+} | {
+    name: string;
+    nameGap: number;
+    nameTextStyle: {
+        fontWeight: string;
+        align: string;
+    };
+    position: string;
+    axisLine: {
+        show: boolean;
+    };
+    axisLabel: {
+        show: boolean;
+        formatter: typeof formatPercentage;
+    };
+    splitLine: {
+        show: boolean;
+    };
+})[];

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

@@ -1,3 +1,4 @@
+import { TEchartsDataZoomConfig } from '../cartesian/panel/echarts-zooming-field/types';
 export interface IParetoChartConf {
     x_axis: {
         name: string;
@@ -12,5 +13,6 @@ export interface IParetoChartConf {
         name: string;
         color: string;
     };
+    dataZoom: TEchartsDataZoomConfig;
 }
 export declare const DEFAULT_CONFIG: IParetoChartConf;

package/dist/plugins/viz-components/scatter-chart/option/grid.d.ts

@@ -1,5 +1,5 @@
 import { IScatterChartConf } from '../type';
 export declare function getGrid(conf: IScatterChartConf): {
-    bottom: number;
     top: number;
+    bottom: number;
 };

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

@@ -1,3 +1,4 @@
+import { TEchartsDataZoomConfig } from '../cartesian/panel/echarts-zooming-field/types';
 import { ICartesianReferenceArea, ICartesianReferenceLine, IYAxisConf } from '../cartesian/type';
 import { TScatterSize } from './editors/scatter/scatter-size-select/types';
 import { IXAxisLabelFormatter } from './editors/x-axis/x-axis-label-formatter/types';
@@ -34,5 +35,6 @@ export interface IScatterChartConf {
     };
     reference_lines: ICartesianReferenceLine[];
     reference_areas: ICartesianReferenceArea[];
+    dataZoom: TEchartsDataZoomConfig;
 }
 export declare const DEFAULT_CONFIG: IScatterChartConf;

package/package.json

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

package/dist/plugins/viz-components/cartesian/triggers/index.d.ts

@@ -1 +0,0 @@
-export { ClickEchartSeries } from './click-echart';