@orbcharts/plugins-basic 3.0.0-alpha.24 → 3.0.0-alpha.26

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

@@ -0,0 +1,12 @@
+import { LinesPluginParams, GroupAreaPluginParams, DotsPluginParams, BarsPluginParams, BarStackPluginParams, BarsTrianglePluginParams, GroupingAxisParams, ValueAxisParams, ValueStackAxisParams, ScalingAreaParams } from './types';
+
+export declare const DEFAULT_LINES_PLUGIN_PARAMS: LinesPluginParams;
+export declare const DEFAULT_DOTS_PLUGIN_PARAMS: DotsPluginParams;
+export declare const DEFAULT_GROUP_AREA_PLUGIN_PARAMS: GroupAreaPluginParams;
+export declare const DEFAULT_BARS_PLUGIN_PARAMS: BarsPluginParams;
+export declare const DEFAULT_BAR_STACK_PLUGIN_PARAMS: BarStackPluginParams;
+export declare const DEFAULT_BARS_TRIANGLE_PLUGIN_PARAMS: BarsTrianglePluginParams;
+export declare const DEFAULT_GROUPING_AXIS_PLUGIN_PARAMS: GroupingAxisParams;
+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;

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

@@ -0,0 +1,15 @@
+import { Observable } from 'rxjs';
+import { ChartParams, DataFormatterGrid, ComputedDataGrid } from '@orbcharts/core';
+
+export declare function gridGroupPositionFnObservable({ fullDataFormatter$, gridAxesSize$, computedData$, fullChartParams$ }: {
+    fullDataFormatter$: Observable<DataFormatterGrid>;
+    gridAxesSize$: Observable<{
+        width: number;
+        height: number;
+    }>;
+    computedData$: Observable<ComputedDataGrid>;
+    fullChartParams$: Observable<ChartParams>;
+}): Observable<(event: any) => {
+    groupIndex: number;
+    groupLabel: string;
+}>;

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

@@ -0,0 +1,12 @@
+export * from './defaults';
+export * from './types';
+export { Lines } from './plugins/Lines';
+export { Bars } from './plugins/Bars';
+export { BarStack } from './plugins/BarStack';
+export { BarsTriangle } from './plugins/BarsTriangle';
+export { Dots } from './plugins/Dots';
+export { GroupAxis } from './plugins/GroupAxis';
+export { ValueAxis } from './plugins/ValueAxis';
+export { ValueStackAxis } from './plugins/ValueStackAxis';
+export { ScalingArea } from './plugins/ScalingArea';
+export { GroupArea } from './plugins/GroupArea';

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,73 @@
+import { ColorType } from '@orbcharts/core';
+
+export interface LinesPluginParams {
+    lineCurve: string;
+    lineWidth: number;
+}
+export interface DotsPluginParams {
+    radius: number;
+    fillColorType: ColorType;
+    strokeColorType: ColorType;
+    strokeWidth: number;
+    onlyShowHighlighted: boolean;
+}
+export interface GroupAreaPluginParams {
+    showLine: boolean;
+    showLabel: boolean;
+    lineDashArray: string;
+    lineColorType: ColorType;
+    labelColorType: ColorType;
+    labelTextColorType: ColorType;
+    labelTextFormat: string | ((text: any) => string);
+    labelPadding: number;
+}
+export interface BarsPluginParams {
+    barWidth: number;
+    barPadding: number;
+    barGroupPadding: number;
+    barRadius: number | boolean;
+}
+export interface BarStackPluginParams {
+    barWidth: number;
+    barGroupPadding: number;
+    barRadius: number | boolean;
+}
+export interface BarsTrianglePluginParams {
+    barWidth: number;
+    barPadding: number;
+    barGroupPadding: number;
+    linearGradientOpacity: [number, number];
+}
+export interface GroupingAxisParams {
+    labelOffset: [number, number];
+    labelColorType: ColorType;
+    axisLineVisible: boolean;
+    axisLineColorType: ColorType;
+    tickFormat: string | ((text: any) => string);
+    tickLineVisible: boolean;
+    tickPadding: number;
+    tickFullLine: boolean;
+    tickFullLineDasharray: string;
+    tickColorType: ColorType;
+    tickTextRotate: number;
+    tickTextColorType: ColorType;
+}
+export interface ValueAxisParams {
+    labelOffset: [number, number];
+    labelColorType: ColorType;
+    axisLineVisible: boolean;
+    axisLineColorType: ColorType;
+    ticks: number;
+    tickFormat: string | ((text: d3.NumberValue) => string);
+    tickLineVisible: boolean;
+    tickPadding: number;
+    tickFullLine: boolean;
+    tickFullLineDasharray: string;
+    tickColorType: ColorType;
+    tickTextRotate: number;
+    tickTextColorType: ColorType;
+}
+export interface ValueStackAxisParams extends ValueAxisParams {
+}
+export interface ScalingAreaParams {
+}

package/dist/src/index.d.ts

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

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

@@ -0,0 +1,4 @@
+import { ContainerPluginParams, TooltipParams } from './types';
+
+export declare const CONTAINER_PLUGIN_PARAMS: ContainerPluginParams;
+export declare const TOOLTIP_PARAMS: TooltipParams;

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

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

package/dist/src/noneData/plugins/Container.d.ts

@@ -0,0 +1 @@
+export declare const Container: import('@orbcharts/core').PluginConstructor<any, string, import('..').ContainerPluginParams>;

package/dist/src/noneData/plugins/Tooltip.d.ts

@@ -0,0 +1,3 @@
+import { PluginConstructor } from '@orbcharts/core';
+
+export declare const Tooltip: PluginConstructor<any, string, any>;

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

@@ -0,0 +1,24 @@
+import { ColorType, ChartType, EventTypeMap } from '@orbcharts/core';
+
+export interface ContainerPluginParams {
+    header: {
+        height: number;
+        text: string[];
+        textStyle: string[];
+    };
+    footer: {
+        height: number;
+        text: string[];
+        textStyle: string[];
+    };
+}
+export type TooltipParams = {
+    backgroundColorType: ColorType;
+    backgroundOpacity: number;
+    strokeColorType: ColorType;
+    textColorType: ColorType;
+    offset: [number, number];
+    padding: number;
+    textRenderFn: <T extends ChartType>(eventData: EventTypeMap<T>) => string[];
+    svgRenderFn: (<T extends ChartType>(eventData: EventTypeMap<T>) => string) | null;
+};

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

@@ -0,0 +1,7 @@
+import { BubblesPluginParams, PiePluginParams, PieEventTextsPluginParams, PieLabelsPluginParams, SeriesLegendParams } from './types';
+
+export declare const DEFAULT_BUBBLES_PLUGIN_PARAMS: BubblesPluginParams;
+export declare const DEFAULT_PIE_PLUGIN_PARAMS: PiePluginParams;
+export declare const DEFAULT_PIE_EVENT_TEXTS_PARAMS: PieEventTextsPluginParams;
+export declare const DEFAULT_PIE_LABELS_PARAMS: PieLabelsPluginParams;
+export declare const DEFAULT_SERIES_LEGEND_PARAMS: SeriesLegendParams;

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

@@ -0,0 +1,7 @@
+export * from './defaults';
+export * from './types';
+export { Bubbles } from './plugins/Bubbles';
+export { Pie } from './plugins/Pie';
+export { PieEventTexts } from './plugins/PieEventTexts';
+export { PieLabels } from './plugins/PieLabels';
+export { SeriesLegend } from './plugins/SeriesLegend';

package/dist/src/series/plugins/Bubbles.d.ts

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

package/dist/src/series/plugins/Pie.d.ts

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

package/dist/src/series/plugins/PieEventTexts.d.ts

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

package/dist/src/series/plugins/PieLabels.d.ts

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

package/dist/src/series/plugins/SeriesLegend.d.ts

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

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

@@ -0,0 +1,19 @@
+import { ComputedDataSeries, ComputedDatumSeries } from '@orbcharts/core';
+
+export interface D3PieDatum {
+    data: any;
+    index: number;
+    value: number;
+    startAngle: number;
+    endAngle: number;
+    padAngle: number;
+}
+export interface PieDatum extends D3PieDatum {
+    data: ComputedDatumSeries;
+    id: string;
+}
+export declare function makePieData({ computedDataSeries, startAngle, endAngle }: {
+    computedDataSeries: ComputedDataSeries;
+    startAngle: number;
+    endAngle: number;
+}): PieDatum[];

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

@@ -0,0 +1,52 @@
+import { ComputedDatumSeries, EventSeries, EventName, ColorType } from '@orbcharts/core';
+
+export type ScaleType = 'area' | 'radius';
+export interface BubblesPluginParams {
+    force: {
+        strength: number;
+        velocityDecay: number;
+        collisionSpacing: number;
+    };
+    bubbleText: {
+        fillRate: number;
+        lineHeight: number;
+        lineLengthMin: number;
+    };
+    highlightRIncrease: number;
+    scaleType: ScaleType;
+}
+export interface PiePluginParams {
+    outerRadius: number;
+    innerRadius: number;
+    outerMouseoverRadius: number;
+    enterDuration: number;
+    startAngle: number;
+    endAngle: number;
+    padAngle: number;
+    cornerRadius: number;
+}
+export interface PieEventTextsPluginParams {
+    eventFn: (d: EventSeries, eventName: EventName, t: number) => string[];
+    textAttrs: Array<{
+        [key: string]: string | number;
+    }>;
+    textStyles: Array<{
+        [key: string]: string | number;
+    }>;
+}
+export interface PieLabelsPluginParams {
+    outerRadius: number;
+    outerMouseoverRadius: number;
+    startAngle: number;
+    endAngle: number;
+    labelCentroid: number;
+    labelFn: ((d: ComputedDatumSeries) => string);
+    labelColorType: ColorType;
+}
+export interface SeriesLegendParams {
+    position: 'top' | 'bottom' | 'left' | 'right';
+    justify: 'start' | 'center' | 'end';
+    padding: number;
+    gap: number;
+    rectRadius: number;
+}

package/dist/src/utils/commonUtils.d.ts

@@ -0,0 +1,2 @@
+export declare function measureTextWidth(text: string, size?: number): number;
+export declare function getMinAndMax(data: number[]): [number, number];

package/dist/src/utils/d3Graphics.d.ts

@@ -0,0 +1,13 @@
+type RenderCircleTextParams = {
+    text: string;
+    radius: number;
+    lineHeight: number;
+    isBreakAll: boolean;
+    limit?: number;
+};
+type Line = {
+    width: number;
+    text: string;
+};
+export declare function renderCircleText(selection: d3.Selection<any, any, any, any>, { text, radius, lineHeight, isBreakAll, limit }: RenderCircleTextParams): d3.Selection<SVGTSpanElement, Line, SVGTextElement, any> | undefined;
+export {};

package/dist/src/utils/d3Utils.d.ts

@@ -0,0 +1,13 @@
+import * as d3 from 'd3';
+export declare function getSvgGElementSize(selection: d3.Selection<SVGGElement, any, any, any>): DOMRect;
+export declare function appendSvg(selection: d3.Selection<any, any, any, any>, svgString: string): void;
+export declare function getD3TransitionEase(easeName: string): any;
+export declare function makeD3Arc({ axisWidth, innerRadius, outerRadius, padAngle, cornerRadius }: {
+    axisWidth: number;
+    innerRadius: number;
+    outerRadius: number;
+    padAngle: number;
+    cornerRadius: number;
+}): d3.Arc<any, d3.DefaultArcObject>;
+export declare const parseTickFormatValue: (value: any, tickFormat: string | ((text: d3.NumberValue) => string)) => string;
+export declare const parseDateTickFormatValue: (value: any, tickFormat: string | ((text: d3.NumberValue) => string)) => string;

package/dist/src/utils/observables.d.ts

@@ -0,0 +1,3 @@
+import { Observable } from 'rxjs';
+import * as d3 from 'd3';
+export declare function d3EventObservable(selection: d3.Selection<any, any, any, any>, event: any): Observable<unknown>;

package/dist/src/utils/orbchartsUtils.d.ts

@@ -0,0 +1,21 @@
+import { AxisPosition, ColorType, ChartParams, ComputedDatumBase } from '@orbcharts/core';
+
+export declare function getMinAndMaxValue(data: ComputedDatumBase[]): [number, number];
+export declare function getColor(colorType: ColorType, fullChartParams: ChartParams): string;
+export declare function getSeriesColor(seriesIndex: number, fullChartParams: ChartParams): string;
+export declare function getDatumColor({ datum, colorType, fullChartParams }: {
+    datum: ComputedDatumBase;
+    colorType: ColorType;
+    fullChartParams: ChartParams;
+}): string;
+export declare function getClassName(pluginName: string, elementName: string, modifier?: string): string;
+export declare function getUniID(pluginName: string, elementName: string): string;
+export declare function calcAxesSize({ xAxisPosition, yAxisPosition, width, height }: {
+    xAxisPosition: AxisPosition;
+    yAxisPosition: AxisPosition;
+    width: number;
+    height: number;
+}): {
+    width: number;
+    height: number;
+};

package/dist/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vite').UserConfig & Promise<import('vite').UserConfig> & (import('vite').UserConfigFnObject & import('vite').UserConfigExport);
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orbcharts/plugins-basic",
-  "version": "3.0.0-alpha.24",
+  "version": "3.0.0-alpha.26",
   "description": "plugins for OrbCharts",
   "author": "Blue Planet Inc.",
   "license": "Apache-2.0",
@@ -31,10 +31,11 @@
     "@types/d3": "^7.4.0",
     "ts-loader": "^9.4.2",
     "typescript": "^5.0.4",
+    "vite": "^5.3.5",
     "vite-plugin-dts": "^3.7.3"
   },
   "dependencies": {
-    "@orbcharts/core": "^3.0.0-alpha.21",
+    "@orbcharts/core": "^3.0.0-alpha.22",
     "d3": "^7.8.5",
     "rxjs": "^7.8.1"
   }

package/src/series/defaults.ts

@@ -1,9 +1,10 @@
 import type { ComputedDatumSeries, EventSeries, EventName, ColorType } from '@orbcharts/core'
-import {
+import type {
   BubblesPluginParams,
   PiePluginParams,
   PieEventTextsPluginParams,
-  PieLabelsPluginParams } from './types'
+  PieLabelsPluginParams,
+  SeriesLegendParams } from './types'
 
 export const DEFAULT_BUBBLES_PLUGIN_PARAMS: BubblesPluginParams = {
   force: {
@@ -80,3 +81,13 @@ export const DEFAULT_PIE_LABELS_PARAMS: PieLabelsPluginParams = {
   labelColorType: 'series',
   labelFn: d => String(d.value),
 }
+
+export const DEFAULT_SERIES_LEGEND_PARAMS: SeriesLegendParams = {
+  position: 'right',
+  justify: 'end',
+  padding: 28,
+  // offset: [0, 0],
+  gap: 10,
+  rectRadius: 0,
+  // highlightEvent: false
+}

package/src/series/index.ts

@@ -3,4 +3,5 @@ export * from './types'
 export { Bubbles } from './plugins/Bubbles'
 export { Pie } from './plugins/Pie'
 export { PieEventTexts } from './plugins/PieEventTexts'
-export { PieLabels } from './plugins/PieLabels'
+export { PieLabels } from './plugins/PieLabels'
+export { SeriesLegend } from './plugins/SeriesLegend'

package/src/series/plugins/Bubbles.ts

@@ -506,8 +506,6 @@ export const Bubbles = defineSeriesPlugin('Bubbles', DEFAULT_BUBBLES_PLUGIN_PARA
     bubblesSelection$.next(bubblesSelection)
   })
 
-  // const highlight$ = highlightObservable({ datumList$: computedData$, fullChartParams$, event$: store.event$ })
-  const highlightSubscription = observer.seriesHighlight$.subscribe()
   combineLatest({
     bubblesSelection: bubblesSelection$,
     bubblesData: bubblesData$,
@@ -548,6 +546,5 @@ export const Bubbles = defineSeriesPlugin('Bubbles', DEFAULT_BUBBLES_PLUGIN_PARA
   
   return () => {
     destroy$.next(undefined)
-    highlightSubscription.unsubscribe()
   }
 })

package/src/series/plugins/Pie.ts

@@ -508,9 +508,6 @@ export const Pie = defineSeriesPlugin(pluginName, DEFAULT_PIE_PLUGIN_PARAMS)(({
   //     arcMouseover: data.arcMouseover
   //   })
   // })
-
-  // const highlight$ = highlightObservable({ datumList$: computedData$, fullChartParams$, event$: store.event$ })
-  const highlightSubscription = observer.seriesHighlight$.subscribe()
   
   combineLatest({
     pathSelection: pathSelection$,
@@ -598,6 +595,5 @@ export const Pie = defineSeriesPlugin(pluginName, DEFAULT_PIE_PLUGIN_PARAMS)(({
 
   return () => {
     destroy$.next(undefined)
-    highlightSubscription.unsubscribe()
   }
 })

package/src/series/plugins/PieLabels.ts

@@ -263,9 +263,6 @@ export const PieLabels = defineSeriesPlugin(pluginName, DEFAULT_PIE_LABELS_PARAM
     labelSelection$.next(labelSelection)
 
   })
-
-  // const highlight$ = highlightObservable({ datumList$: computedData$, fullChartParams$, event$: store.event$ })
-  const highlightSubscription = observer.seriesHighlight$.subscribe()
   
   combineLatest({
     labelSelection: labelSelection$,
@@ -284,6 +281,5 @@ export const PieLabels = defineSeriesPlugin(pluginName, DEFAULT_PIE_LABELS_PARAM
 
   return () => {
     destroy$.next(undefined)
-    highlightSubscription.unsubscribe()
   }
 })