@orbcharts/plugins-basic 3.0.0-alpha.30 → 3.0.0-alpha.32

package/dist/src/base/BaseBarStack.d.ts

@@ -0,0 +1,29 @@
+import { Observable, Subject } from 'rxjs';
+import { BasePluginFn } from './types';
+import { ComputedDatumGrid, ComputedDataGrid, DataFormatterGrid, EventGrid, ChartParams, TransformData } from '@orbcharts/core';
+import * as d3 from 'd3';
+export interface BaseBarStackParams {
+    barWidth: number;
+    barGroupPadding: number;
+    barRadius: number | boolean;
+}
+interface BaseBarStackContext {
+    selection: d3.Selection<any, unknown, any, unknown>;
+    computedData$: Observable<ComputedDataGrid>;
+    visibleComputedData$: Observable<ComputedDatumGrid[][]>;
+    SeriesDataMap$: Observable<Map<string, ComputedDatumGrid[]>>;
+    GroupDataMap$: Observable<Map<string, ComputedDatumGrid[]>>;
+    fullParams$: Observable<BaseBarStackParams>;
+    fullDataFormatter$: Observable<DataFormatterGrid>;
+    fullChartParams$: Observable<ChartParams>;
+    gridAxesTransform$: Observable<TransformData>;
+    gridGraphicTransform$: Observable<TransformData>;
+    gridAxesSize$: Observable<{
+        width: number;
+        height: number;
+    }>;
+    gridHighlight$: Observable<string[]>;
+    event$: Subject<EventGrid>;
+}
+export declare const createBaseBarStack: BasePluginFn<BaseBarStackContext>;
+export {};

package/dist/src/base/BaseBars.d.ts

@@ -0,0 +1,29 @@
+import { Observable, Subject } from 'rxjs';
+import { BasePluginFn } from './types';
+import { ComputedDatumGrid, ComputedDataGrid, EventGrid, ChartParams, TransformData } from '@orbcharts/core';
+import * as d3 from 'd3';
+export interface BaseBarsParams {
+    barWidth: number;
+    barPadding: number;
+    barGroupPadding: number;
+    barRadius: number | boolean;
+}
+interface BaseBarsContext {
+    selection: d3.Selection<any, unknown, any, unknown>;
+    computedData$: Observable<ComputedDataGrid>;
+    visibleComputedData$: Observable<ComputedDatumGrid[][]>;
+    SeriesDataMap$: Observable<Map<string, ComputedDatumGrid[]>>;
+    GroupDataMap$: Observable<Map<string, ComputedDatumGrid[]>>;
+    fullParams$: Observable<BaseBarsParams>;
+    fullChartParams$: Observable<ChartParams>;
+    gridAxesTransform$: Observable<TransformData>;
+    gridGraphicTransform$: Observable<TransformData>;
+    gridAxesSize$: Observable<{
+        width: number;
+        height: number;
+    }>;
+    gridHighlight$: Observable<string[]>;
+    event$: Subject<EventGrid>;
+}
+export declare const createBaseBars: BasePluginFn<BaseBarsContext>;
+export {};

package/dist/src/base/BaseBarsTriangle.d.ts

@@ -0,0 +1,28 @@
+import { Observable, Subject } from 'rxjs';
+import { BasePluginFn } from './types';
+import { ComputedDatumGrid, ComputedDataGrid, EventGrid, ChartParams, TransformData } from '@orbcharts/core';
+import * as d3 from 'd3';
+export interface BaseBarsTriangleParams {
+    barWidth: number;
+    barPadding: number;
+    barGroupPadding: number;
+    linearGradientOpacity: [number, number];
+}
+interface BaseBarsContext {
+    selection: d3.Selection<any, unknown, any, unknown>;
+    computedData$: Observable<ComputedDataGrid>;
+    SeriesDataMap$: Observable<Map<string, ComputedDatumGrid[]>>;
+    GroupDataMap$: Observable<Map<string, ComputedDatumGrid[]>>;
+    fullParams$: Observable<BaseBarsTriangleParams>;
+    fullChartParams$: Observable<ChartParams>;
+    gridAxesTransform$: Observable<TransformData>;
+    gridGraphicTransform$: Observable<TransformData>;
+    gridAxesSize$: Observable<{
+        width: number;
+        height: number;
+    }>;
+    gridHighlight$: Observable<string[]>;
+    event$: Subject<EventGrid>;
+}
+export declare const createBaseBarsTriangle: BasePluginFn<BaseBarsContext>;
+export {};

package/dist/src/base/BaseLegend.d.ts

@@ -1,6 +1,7 @@
+import { Observable } from 'rxjs';
 import { BasePluginFn } from './types';
-import { ColorType } from '@orbcharts/core';
-
+import { ChartParams, Layout, ColorType } from '@orbcharts/core';
+import * as d3 from 'd3';
 export interface BaseLegendParams {
     position: 'top' | 'bottom' | 'left' | 'right';
     justify: 'start' | 'center' | 'end';
@@ -8,8 +9,18 @@ export interface BaseLegendParams {
     backgroundFill: ColorType;
     backgroundStroke: ColorType;
     gap: number;
-    listRectWidth: number;
-    listRectHeight: number;
-    listRectRadius: number;
+    seriesList: Array<{
+        listRectWidth: number;
+        listRectHeight: number;
+        listRectRadius: number;
+    }>;
 }
-export declare const createBaseLegend: BasePluginFn;
+interface BaseLegendContext {
+    rootSelection: d3.Selection<any, unknown, any, unknown>;
+    seriesLabels$: Observable<string[]>;
+    fullParams$: Observable<BaseLegendParams>;
+    layout$: Observable<Layout>;
+    fullChartParams$: Observable<ChartParams>;
+}
+export declare const createBaseLegend: BasePluginFn<BaseLegendContext>;
+export {};

package/dist/src/base/BaseLines.d.ts

@@ -0,0 +1,27 @@
+import { Observable, Subject } from 'rxjs';
+import { BasePluginFn } from './types';
+import { ComputedDatumGrid, ComputedDataGrid, DataFormatterGrid, EventGrid, ChartParams, TransformData } from '@orbcharts/core';
+import * as d3 from 'd3';
+export interface BaseLinesParams {
+    lineCurve: string;
+    lineWidth: number;
+}
+interface BaseLinesContext {
+    selection: d3.Selection<any, unknown, any, unknown>;
+    computedData$: Observable<ComputedDataGrid>;
+    SeriesDataMap$: Observable<Map<string, ComputedDatumGrid[]>>;
+    GroupDataMap$: Observable<Map<string, ComputedDatumGrid[]>>;
+    fullDataFormatter$: Observable<DataFormatterGrid>;
+    fullParams$: Observable<BaseLinesParams>;
+    fullChartParams$: Observable<ChartParams>;
+    gridAxesTransform$: Observable<TransformData>;
+    gridGraphicTransform$: Observable<TransformData>;
+    gridAxesSize$: Observable<{
+        width: number;
+        height: number;
+    }>;
+    gridHighlight$: Observable<string[]>;
+    event$: Subject<EventGrid>;
+}
+export declare const createBaseLines: BasePluginFn<BaseLinesContext>;
+export {};

package/dist/src/base/types.d.ts

@@ -1,3 +1,3 @@
-export interface BasePluginFn {
-    (pluginName: string, context: any): () => void;
+export interface BasePluginFn<Context> {
+    (pluginName: string, context: Context): () => void;
 }

package/dist/src/grid/defaults.d.ts

@@ -1,13 +1,13 @@
 import { LinesParams, GroupAreaParams, DotsParams, BarsParams, BarStackParams, BarsTriangleParams, GroupAxisParams, ValueAxisParams, ValueStackAxisParams, ScalingAreaParams, GridLegendParams } from './types';
 
-export declare const DEFAULT_LINES_PLUGIN_PARAMS: LinesParams;
-export declare const DEFAULT_DOTS_PLUGIN_PARAMS: DotsParams;
-export declare const DEFAULT_GROUP_AREA_PLUGIN_PARAMS: GroupAreaParams;
-export declare const DEFAULT_BARS_PLUGIN_PARAMS: BarsParams;
-export declare const DEFAULT_BAR_STACK_PLUGIN_PARAMS: BarStackParams;
-export declare const DEFAULT_BARS_TRIANGLE_PLUGIN_PARAMS: BarsTriangleParams;
-export declare const DEFAULT_GROUPING_AXIS_PLUGIN_PARAMS: GroupAxisParams;
-export declare const DEFAULT_VALUE_AXIS_PLUGIN_PARAMS: ValueAxisParams;
-export declare const DEFAULT_VALUE_STACK_AXIS_PLUGIN_PARAMS: ValueStackAxisParams;
-export declare const DEFAULT_SCALING_AREA_PLUGIN_PARAMS: ScalingAreaParams;
+export declare const DEFAULT_LINES_PARAMS: LinesParams;
+export declare const DEFAULT_DOTS_PARAMS: DotsParams;
+export declare const DEFAULT_GROUP_AREA_PARAMS: GroupAreaParams;
+export declare const DEFAULT_BARS_PARAMS: BarsParams;
+export declare const DEFAULT_BAR_STACK_PARAMS: BarStackParams;
+export declare const DEFAULT_BARS_TRIANGLE_PARAMS: BarsTriangleParams;
+export declare const DEFAULT_GROUPING_AXIS_PARAMS: GroupAxisParams;
+export declare const DEFAULT_VALUE_AXIS_PARAMS: ValueAxisParams;
+export declare const DEFAULT_VALUE_STACK_AXIS_PARAMS: ValueStackAxisParams;
+export declare const DEFAULT_SCALING_AREA_PARAMS: ScalingAreaParams;
 export declare const DEFAULT_GRID_LEGEND_PARAMS: GridLegendParams;

package/dist/src/grid/plugins/BarStack.d.ts

@@ -1,3 +1 @@
-import { BarStackParams } from '../types';
-
-export declare const BarStack: import('@orbcharts/core').PluginConstructor<"grid", string, BarStackParams>;
+export declare const BarStack: import('@orbcharts/core').PluginConstructor<"grid", string, import('..').BarStackParams>;

package/dist/src/grid/plugins/Bars.d.ts

@@ -1,3 +1 @@
-import { BarsParams } from '../types';
-
-export declare const Bars: import('@orbcharts/core').PluginConstructor<"grid", string, BarsParams>;
+export declare const Bars: import('@orbcharts/core').PluginConstructor<"grid", string, import('..').BarsParams>;

package/dist/src/grid/plugins/BarsTriangle.d.ts

@@ -1,3 +1 @@
-import { BarsTriangleParams } from '../types';
-
-export declare const BarsTriangle: import('@orbcharts/core').PluginConstructor<"grid", string, BarsTriangleParams>;
+export declare const BarsTriangle: import('@orbcharts/core').PluginConstructor<"grid", string, import('..').BarsTriangleParams>;

package/dist/src/grid/plugins/Lines.d.ts

@@ -1,3 +1 @@
-import { LinesParams } from '../types';
-
-export declare const Lines: import('@orbcharts/core').PluginConstructor<"grid", string, LinesParams>;
+export declare const Lines: import('@orbcharts/core').PluginConstructor<"grid", string, import('..').LinesParams>;

package/dist/src/grid/types.d.ts

@@ -1,5 +1,4 @@
 import { ColorType } from '@orbcharts/core';
-import { BaseLegendParams } from '../base/BaseLegend';
 
 export interface LinesParams {
     lineCurve: string;
@@ -72,5 +71,14 @@ export interface ValueStackAxisParams extends ValueAxisParams {
 }
 export interface ScalingAreaParams {
 }
-export interface GridLegendParams extends BaseLegendParams {
+export interface GridLegendParams {
+    position: 'top' | 'bottom' | 'left' | 'right';
+    justify: 'start' | 'center' | 'end';
+    padding: number;
+    backgroundFill: ColorType;
+    backgroundStroke: ColorType;
+    gap: number;
+    listRectWidth: number;
+    listRectHeight: number;
+    listRectRadius: number;
 }

package/dist/src/index.d.ts

@@ -1,3 +1,4 @@
 export * from './grid';
+export * from './multiGrid';
 export * from './noneData';
 export * from './series';

package/dist/src/multiGrid/defaults.d.ts

@@ -0,0 +1,4 @@
+import { BarsAndLinesParams, MultiGridLegendParams } from './types';
+
+export declare const DEFAULT_BARS_AND_LINES_PARAMS: BarsAndLinesParams;
+export declare const DEFAULT_MULTI_GRID_LEGEND_PARAMS: MultiGridLegendParams;

package/dist/src/multiGrid/index.d.ts

@@ -0,0 +1,4 @@
+export * from './defaults';
+export * from './types';
+export { BarsAndLines } from './plugins/BarsAndLines';
+export { MultiGridLegend } from './plugins/MultiGridLegend';

package/dist/src/multiGrid/plugins/BarsAndLines.d.ts

@@ -0,0 +1 @@
+export declare const BarsAndLines: import('@orbcharts/core').PluginConstructor<"multiGrid", string, import('..').BarsAndLinesParams>;

package/dist/src/multiGrid/plugins/MultiGridLegend.d.ts

@@ -0,0 +1 @@
+export declare const MultiGridLegend: import('@orbcharts/core').PluginConstructor<"multiGrid", string, import('..').MultiGridLegendParams>;

package/dist/src/multiGrid/types.d.ts

@@ -0,0 +1,24 @@
+import { BaseBarsParams } from '../base/BaseBars';
+import { BaseLinesParams } from '../base/BaseLines';
+import { ColorType } from '@orbcharts/core';
+
+export interface BarsAndLinesParams {
+    bars: BaseBarsParams;
+    lines: BaseLinesParams;
+}
+export interface MultiGridLegendParams {
+    position: 'top' | 'bottom' | 'left' | 'right';
+    justify: 'start' | 'center' | 'end';
+    padding: number;
+    backgroundFill: ColorType;
+    backgroundStroke: ColorType;
+    gap: number;
+    listRectWidth: number;
+    listRectHeight: number;
+    listRectRadius: number;
+    gridList: Array<{
+        listRectWidth: number;
+        listRectHeight: number;
+        listRectRadius: number;
+    }>;
+}

package/dist/src/series/defaults.d.ts

@@ -1,7 +1,7 @@
 import { BubblesParams, PieParams, PieEventTextsParams, PieLabelsParams, SeriesLegendParams } from './types';
 
-export declare const DEFAULT_BUBBLES_PLUGIN_PARAMS: BubblesParams;
-export declare const DEFAULT_PIE_PLUGIN_PARAMS: PieParams;
+export declare const DEFAULT_BUBBLES_PARAMS: BubblesParams;
+export declare const DEFAULT_PIE_PARAMS: PieParams;
 export declare const DEFAULT_PIE_EVENT_TEXTS_PARAMS: PieEventTextsParams;
 export declare const DEFAULT_PIE_LABELS_PARAMS: PieLabelsParams;
 export declare const DEFAULT_SERIES_LEGEND_PARAMS: SeriesLegendParams;

package/dist/src/series/types.d.ts

@@ -1,5 +1,4 @@
 import { ComputedDatumSeries, EventSeries, EventName, ColorType } from '@orbcharts/core';
-import { BaseLegendParams } from '../base/BaseLegend';
 
 export type BubbleScaleType = 'area' | 'radius';
 export interface BubblesParams {
@@ -44,5 +43,14 @@ export interface PieLabelsParams {
     labelFn: ((d: ComputedDatumSeries) => string);
     labelColorType: ColorType;
 }
-export interface SeriesLegendParams extends BaseLegendParams {
+export interface SeriesLegendParams {
+    position: 'top' | 'bottom' | 'left' | 'right';
+    justify: 'start' | 'center' | 'end';
+    padding: number;
+    backgroundFill: ColorType;
+    backgroundStroke: ColorType;
+    gap: number;
+    listRectWidth: number;
+    listRectHeight: number;
+    listRectRadius: number;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orbcharts/plugins-basic",
-  "version": "3.0.0-alpha.30",
+  "version": "3.0.0-alpha.32",
   "description": "plugins for OrbCharts",
   "author": "Blue Planet Inc.",
   "license": "Apache-2.0",
@@ -35,7 +35,7 @@
     "vite-plugin-dts": "^3.7.3"
   },
   "dependencies": {
-    "@orbcharts/core": "^3.0.0-alpha.26",
+    "@orbcharts/core": "^3.0.0-alpha.29",
     "d3": "^7.8.5",
     "rxjs": "^7.8.1"
   }