@opendata-ai/openchart-vue 6.27.2 → 6.28.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +73 -4
- package/dist/index.js +238 -109
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +4 -4
- package/src/BarList.ts +155 -0
- package/src/Visualization.ts +11 -1
- package/src/index.ts +4 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,11 +1,80 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { BarListSpec, ThemeConfig, DarkMode, ChartSpec, LayerSpec, GraphSpec, ElementRef, MarkEvent, Annotation, TextAnnotation, AnnotationOffset, ElementEdit, ChartLayout, TableSpec, SortState, SankeySpec, TileMapSpec, VizSpec } from '@opendata-ai/openchart-core';
|
|
2
2
|
export * from '@opendata-ai/openchart-core';
|
|
3
3
|
import { MountOptions, ChartInstance, GraphInstance, TableInstance, TableState, TableMountOptions } from '@opendata-ai/openchart-vanilla';
|
|
4
4
|
export { JPGExportOptions, PNGExportOptions, exportCSV, exportJPG, exportPNG, exportSVG } from '@opendata-ai/openchart-vanilla';
|
|
5
|
-
export { ChartRenderer, CompileResult, CompiledGraphEdge, CompiledGraphNode, GraphCompilation, NormalizedChartSpec, NormalizedChrome, NormalizedGraphSpec, NormalizedSankeySpec, NormalizedSpec, NormalizedTableSpec, SimulationConfig, ValidationError, ValidationErrorCode, ValidationResult, clearRenderers, compile, compileChart, compileGraph, compileSankey, compileTable, getChartRenderer, normalizeSpec, registerChartRenderer, validateSpec } from '@opendata-ai/openchart-engine';
|
|
5
|
+
export { ChartRenderer, CompileResult, CompiledGraphEdge, CompiledGraphNode, GraphCompilation, NormalizedBarListSpec, NormalizedChartSpec, NormalizedChrome, NormalizedGraphSpec, NormalizedSankeySpec, NormalizedSpec, NormalizedTableSpec, SimulationConfig, ValidationError, ValidationErrorCode, ValidationResult, clearRenderers, compile, compileBarList, compileChart, compileGraph, compileSankey, compileTable, getChartRenderer, normalizeSpec, registerChartRenderer, validateSpec } from '@opendata-ai/openchart-engine';
|
|
6
6
|
import * as vue from 'vue';
|
|
7
7
|
import { PropType, CSSProperties, Ref, ShallowRef, InjectionKey, ComputedRef } from 'vue';
|
|
8
8
|
|
|
9
|
+
interface BarListRowEvent {
|
|
10
|
+
label: string;
|
|
11
|
+
value: number;
|
|
12
|
+
data: Record<string, unknown>;
|
|
13
|
+
}
|
|
14
|
+
interface BarListProps {
|
|
15
|
+
spec: BarListSpec;
|
|
16
|
+
theme?: ThemeConfig;
|
|
17
|
+
darkMode?: DarkMode;
|
|
18
|
+
class?: string;
|
|
19
|
+
style?: string | CSSProperties;
|
|
20
|
+
}
|
|
21
|
+
declare const BarList: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
22
|
+
spec: {
|
|
23
|
+
type: PropType<BarListSpec>;
|
|
24
|
+
required: true;
|
|
25
|
+
};
|
|
26
|
+
theme: {
|
|
27
|
+
type: PropType<ThemeConfig>;
|
|
28
|
+
default: undefined;
|
|
29
|
+
};
|
|
30
|
+
darkMode: {
|
|
31
|
+
type: PropType<DarkMode>;
|
|
32
|
+
default: undefined;
|
|
33
|
+
};
|
|
34
|
+
class: {
|
|
35
|
+
type: StringConstructor;
|
|
36
|
+
default: undefined;
|
|
37
|
+
};
|
|
38
|
+
style: {
|
|
39
|
+
type: PropType<string | CSSProperties>;
|
|
40
|
+
default: undefined;
|
|
41
|
+
};
|
|
42
|
+
}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
43
|
+
[key: string]: any;
|
|
44
|
+
}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
45
|
+
'row-click': (_row: BarListRowEvent) => true;
|
|
46
|
+
'row-hover': (_row: BarListRowEvent | null) => true;
|
|
47
|
+
}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
|
|
48
|
+
spec: {
|
|
49
|
+
type: PropType<BarListSpec>;
|
|
50
|
+
required: true;
|
|
51
|
+
};
|
|
52
|
+
theme: {
|
|
53
|
+
type: PropType<ThemeConfig>;
|
|
54
|
+
default: undefined;
|
|
55
|
+
};
|
|
56
|
+
darkMode: {
|
|
57
|
+
type: PropType<DarkMode>;
|
|
58
|
+
default: undefined;
|
|
59
|
+
};
|
|
60
|
+
class: {
|
|
61
|
+
type: StringConstructor;
|
|
62
|
+
default: undefined;
|
|
63
|
+
};
|
|
64
|
+
style: {
|
|
65
|
+
type: PropType<string | CSSProperties>;
|
|
66
|
+
default: undefined;
|
|
67
|
+
};
|
|
68
|
+
}>> & Readonly<{
|
|
69
|
+
"onRow-click"?: ((_row: BarListRowEvent) => any) | undefined;
|
|
70
|
+
"onRow-hover"?: ((_row: BarListRowEvent | null) => any) | undefined;
|
|
71
|
+
}>, {
|
|
72
|
+
theme: ThemeConfig;
|
|
73
|
+
darkMode: DarkMode;
|
|
74
|
+
class: string;
|
|
75
|
+
style: string | CSSProperties;
|
|
76
|
+
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
77
|
+
|
|
9
78
|
interface ChartProps {
|
|
10
79
|
spec: ChartSpec | LayerSpec | GraphSpec;
|
|
11
80
|
theme?: ThemeConfig;
|
|
@@ -78,6 +147,7 @@ declare const Chart: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
78
147
|
default: undefined;
|
|
79
148
|
};
|
|
80
149
|
}>> & Readonly<{
|
|
150
|
+
onSelect?: ((_element: ElementRef) => any) | undefined;
|
|
81
151
|
"onMark-click"?: ((_event: MarkEvent) => any) | undefined;
|
|
82
152
|
"onMark-hover"?: ((_event: MarkEvent) => any) | undefined;
|
|
83
153
|
"onMark-leave"?: (() => any) | undefined;
|
|
@@ -85,7 +155,6 @@ declare const Chart: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
85
155
|
"onAnnotation-click"?: ((_annotation: Annotation, _event: MouseEvent) => any) | undefined;
|
|
86
156
|
"onAnnotation-edit"?: ((_annotation: TextAnnotation, _updatedOffset: AnnotationOffset) => any) | undefined;
|
|
87
157
|
onEdit?: ((_edit: ElementEdit) => any) | undefined;
|
|
88
|
-
onSelect?: ((_element: ElementRef) => any) | undefined;
|
|
89
158
|
onDeselect?: ((_element: ElementRef) => any) | undefined;
|
|
90
159
|
"onText-edit"?: ((_element: ElementRef, _oldText: string, _newText: string) => any) | undefined;
|
|
91
160
|
"onData-point-click"?: ((_data: Record<string, unknown>) => any) | undefined;
|
|
@@ -673,4 +742,4 @@ declare const Visualization: vue.DefineComponent<vue.ExtractPropTypes<{
|
|
|
673
742
|
style: string | CSSProperties;
|
|
674
743
|
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
|
|
675
744
|
|
|
676
|
-
export { Chart, type ChartProps, DataTable, type DataTableProps, Graph, type GraphHandle, type GraphProps, Sankey, type SankeyProps, TileMap, type TileMapProps, type UseChartOptions, type UseChartReturn, type UseGraphReturn, type UseTableReturn, type UseTableStateOptions, type UseTableStateReturn, Visualization, type VisualizationProps, VizDarkModeKey, VizThemeKey, VizThemeProvider, type VizThemeProviderProps, useChart, useDarkMode, useGraph, useTable, useTableState, useVizDarkMode, useVizTheme };
|
|
745
|
+
export { BarList, type BarListProps, type BarListRowEvent, Chart, type ChartProps, DataTable, type DataTableProps, Graph, type GraphHandle, type GraphProps, Sankey, type SankeyProps, TileMap, type TileMapProps, type UseChartOptions, type UseChartReturn, type UseGraphReturn, type UseTableReturn, type UseTableStateOptions, type UseTableStateReturn, Visualization, type VisualizationProps, VizDarkModeKey, VizThemeKey, VizThemeProvider, type VizThemeProviderProps, useChart, useDarkMode, useGraph, useTable, useTableState, useVizDarkMode, useVizTheme };
|