nuxt-charts 3.0.0-beta.3 → 3.0.0
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/README.md +46 -1
- package/dist/module.json +1 -1
- package/dist/module.mjs +0 -1
- package/dist/runtime/assets/components.css +1 -1
- package/dist/runtime/assets/theme.css +1 -1
- package/dist/runtime/components/AreaChart.vue +7 -1
- package/dist/runtime/components/BarChart.vue +7 -1
- package/dist/runtime/components/BubbleChart.vue +43 -17
- package/dist/runtime/components/CandlestickChart.vue +60 -18
- package/dist/runtime/components/DonutChart.vue +28 -9
- package/dist/runtime/components/FunnelChart.vue +31 -8
- package/dist/runtime/components/LineChart.vue +7 -1
- package/dist/runtime/components/RadarChart.vue +25 -4
- package/dist/runtime/components/RadialBarChart.vue +48 -8
- package/dist/runtime/components/SankeyChart.vue +32 -9
- package/dist/runtime/components/StatusTrackerChart.vue +33 -7
- package/dist/runtime/components/internal/CandlestickTooltip.vue +6 -4
- package/dist/runtime/components/internal/CandlestickTooltip.vue.d.ts +1 -0
- package/dist/runtime/components/internal/CartesianFrame.vue +37 -9
- package/dist/runtime/components/internal/ChartAccessibility.vue +20 -0
- package/dist/runtime/components/internal/{ChartSkeleton.d.vue.ts → ChartAccessibility.vue.d.ts} +13 -10
- package/dist/runtime/components/internal/ChartEmptyState.vue +12 -0
- package/dist/runtime/components/internal/{CandlestickTooltip.d.vue.ts → ChartEmptyState.vue.d.ts} +2 -12
- package/dist/runtime/components/internal/ChartLegend.vue.d.ts +1 -1
- package/dist/runtime/components/internal/ChartTooltip.vue +2 -1
- package/dist/runtime/components/internal/CubeBarShape.vue.d.ts +1 -1
- package/dist/runtime/components/internal/FunnelClassicShape.vue +2 -1
- package/dist/runtime/components/internal/FunnelLayeredShape.vue +2 -1
- package/dist/runtime/components/internal/FunnelTooltip.vue +2 -1
- package/dist/runtime/components/internal/tooltipContent.d.ts +1 -1
- package/dist/runtime/components/internal/tooltipContent.js +6 -2
- package/dist/runtime/types/charts.d.ts +44 -34
- package/dist/runtime/types/shared.d.ts +5 -11
- package/dist/runtime/utils/categories.d.ts +1 -1
- package/dist/runtime/utils/categories.js +2 -2
- package/dist/runtime/utils/data.d.ts +19 -0
- package/dist/runtime/utils/data.js +50 -0
- package/dist/runtime/utils/format.d.ts +5 -0
- package/dist/runtime/utils/format.js +12 -0
- package/dist/runtime/utils/index.d.ts +2 -0
- package/dist/runtime/utils/index.js +2 -0
- package/dist/runtime/utils/theme.js +3 -0
- package/package.json +2 -2
- package/dist/runtime/components/AreaChart.d.vue.ts +0 -23
- package/dist/runtime/components/BarChart.d.vue.ts +0 -23
- package/dist/runtime/components/BubbleChart.d.vue.ts +0 -23
- package/dist/runtime/components/CandlestickChart.d.vue.ts +0 -19
- package/dist/runtime/components/DonutChart.d.vue.ts +0 -21
- package/dist/runtime/components/FunnelChart.d.vue.ts +0 -26
- package/dist/runtime/components/LineChart.d.vue.ts +0 -23
- package/dist/runtime/components/RadarChart.d.vue.ts +0 -19
- package/dist/runtime/components/RadialBarChart.d.vue.ts +0 -19
- package/dist/runtime/components/SankeyChart.d.vue.ts +0 -36
- package/dist/runtime/components/StatusTrackerChart.d.vue.ts +0 -19
- package/dist/runtime/components/internal/CartesianFrame.d.vue.ts +0 -57
- package/dist/runtime/components/internal/ChartLegend.d.vue.ts +0 -34
- package/dist/runtime/components/internal/ChartTooltip.d.vue.ts +0 -3
- package/dist/runtime/components/internal/CubeBarShape.d.vue.ts +0 -36
- package/dist/runtime/components/internal/FunnelClassicShape.d.vue.ts +0 -81
- package/dist/runtime/components/internal/FunnelLayeredShape.d.vue.ts +0 -63
- package/dist/runtime/components/internal/FunnelTooltip.d.vue.ts +0 -16
- package/dist/runtime/components/internal/VariantBarShape.d.vue.ts +0 -36
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export type FormatValue = number | bigint;
|
|
2
|
+
export declare function formatNumber(value: FormatValue, locale?: Intl.LocalesArgument, options?: Intl.NumberFormatOptions): string;
|
|
3
|
+
export declare function formatCurrency(value: FormatValue, currency: string, locale?: Intl.LocalesArgument): string;
|
|
4
|
+
export declare function formatPercent(value: number, locale?: Intl.LocalesArgument): string;
|
|
5
|
+
export declare function formatDate(value: string | number | Date, locale?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export function formatNumber(value, locale, options) {
|
|
2
|
+
return new Intl.NumberFormat(locale, options).format(value);
|
|
3
|
+
}
|
|
4
|
+
export function formatCurrency(value, currency, locale) {
|
|
5
|
+
return formatNumber(value, locale, { style: "currency", currency });
|
|
6
|
+
}
|
|
7
|
+
export function formatPercent(value, locale) {
|
|
8
|
+
return formatNumber(value, locale, { style: "percent" });
|
|
9
|
+
}
|
|
10
|
+
export function formatDate(value, locale, options) {
|
|
11
|
+
return new Intl.DateTimeFormat(locale, options).format(new Date(value));
|
|
12
|
+
}
|
|
@@ -4,6 +4,9 @@ export function themeToVars(theme) {
|
|
|
4
4
|
const set = (name, value) => {
|
|
5
5
|
if (value !== void 0) vars[name] = String(value);
|
|
6
6
|
};
|
|
7
|
+
theme.colors?.slice(0, 8).forEach((color, index) => {
|
|
8
|
+
set(`--vc-series-${index}`, color);
|
|
9
|
+
});
|
|
7
10
|
set("--vc-grid-color", theme.grid?.color);
|
|
8
11
|
set("--vc-grid-dash", theme.grid?.dash);
|
|
9
12
|
set("--vc-grid-width", theme.grid?.width);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "nuxt-charts",
|
|
3
|
-
"version": "3.0.0
|
|
3
|
+
"version": "3.0.0",
|
|
4
4
|
"description": "Beautiful chart components for Nuxt (vccs engine) — Area, Bar, Line, Donut, Bubble, Radar, Radial Bar, Funnel, Sankey, Candlestick, Status Tracker",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Dennis Adriaansen <adriaansendennis@gmail.com>",
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
},
|
|
78
78
|
"scripts": {
|
|
79
79
|
"dev": "nuxi dev playground",
|
|
80
|
-
"build": "nuxt-module-build build",
|
|
80
|
+
"build": "nuxt-module-build build && node scripts/clean-declarations.mjs",
|
|
81
81
|
"build:playground": "nuxi build playground",
|
|
82
82
|
"dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
|
|
83
83
|
"release": "node ../../tools/release.mjs --package nuxt-charts",
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import type { AreaChartProps } from "../types/charts.js";
|
|
2
|
-
declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3
|
-
props: import("vue").PublicProps & __VLS_PrettifyLocal<AreaChartProps<T>> & (typeof globalThis extends {
|
|
4
|
-
__VLS_PROPS_FALLBACK: infer P;
|
|
5
|
-
} ? P : {});
|
|
6
|
-
expose: (exposed: {}) => void;
|
|
7
|
-
attrs: any;
|
|
8
|
-
slots: {
|
|
9
|
-
tooltip?: (props: {
|
|
10
|
-
values: T | undefined;
|
|
11
|
-
}) => unknown;
|
|
12
|
-
};
|
|
13
|
-
emit: {};
|
|
14
|
-
}>) => import("vue").VNode & {
|
|
15
|
-
__ctx?: Awaited<typeof __VLS_setup>;
|
|
16
|
-
};
|
|
17
|
-
declare const _default: typeof __VLS_export;
|
|
18
|
-
export default _default;
|
|
19
|
-
type __VLS_PrettifyLocal<T> = (T extends any ? {
|
|
20
|
-
[K in keyof T]: T[K];
|
|
21
|
-
} : {
|
|
22
|
-
[K in keyof T as K]: T[K];
|
|
23
|
-
}) & {};
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import type { BarChartProps } from "../types/charts.js";
|
|
2
|
-
declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3
|
-
props: import("vue").PublicProps & __VLS_PrettifyLocal<BarChartProps<T>> & (typeof globalThis extends {
|
|
4
|
-
__VLS_PROPS_FALLBACK: infer P;
|
|
5
|
-
} ? P : {});
|
|
6
|
-
expose: (exposed: {}) => void;
|
|
7
|
-
attrs: any;
|
|
8
|
-
slots: {
|
|
9
|
-
tooltip?: (props: {
|
|
10
|
-
values: T | undefined;
|
|
11
|
-
}) => unknown;
|
|
12
|
-
};
|
|
13
|
-
emit: {};
|
|
14
|
-
}>) => import("vue").VNode & {
|
|
15
|
-
__ctx?: Awaited<typeof __VLS_setup>;
|
|
16
|
-
};
|
|
17
|
-
declare const _default: typeof __VLS_export;
|
|
18
|
-
export default _default;
|
|
19
|
-
type __VLS_PrettifyLocal<T> = (T extends any ? {
|
|
20
|
-
[K in keyof T]: T[K];
|
|
21
|
-
} : {
|
|
22
|
-
[K in keyof T as K]: T[K];
|
|
23
|
-
}) & {};
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import type { BubbleChartProps } from "../types/charts.js";
|
|
2
|
-
declare const __VLS_export: <T extends Record<string, unknown>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3
|
-
props: import("vue").PublicProps & __VLS_PrettifyLocal<BubbleChartProps<T>> & (typeof globalThis extends {
|
|
4
|
-
__VLS_PROPS_FALLBACK: infer P;
|
|
5
|
-
} ? P : {});
|
|
6
|
-
expose: (exposed: {}) => void;
|
|
7
|
-
attrs: any;
|
|
8
|
-
slots: {
|
|
9
|
-
tooltip?: (props: {
|
|
10
|
-
values: T | undefined;
|
|
11
|
-
}) => unknown;
|
|
12
|
-
};
|
|
13
|
-
emit: {};
|
|
14
|
-
}>) => import("vue").VNode & {
|
|
15
|
-
__ctx?: Awaited<typeof __VLS_setup>;
|
|
16
|
-
};
|
|
17
|
-
declare const _default: typeof __VLS_export;
|
|
18
|
-
export default _default;
|
|
19
|
-
type __VLS_PrettifyLocal<T> = (T extends any ? {
|
|
20
|
-
[K in keyof T]: T[K];
|
|
21
|
-
} : {
|
|
22
|
-
[K in keyof T as K]: T[K];
|
|
23
|
-
}) & {};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import type { CandlestickChartProps } from "../types/charts.js";
|
|
2
|
-
declare const __VLS_export: <T extends Record<string, unknown>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3
|
-
props: import("vue").PublicProps & __VLS_PrettifyLocal<CandlestickChartProps<T>> & (typeof globalThis extends {
|
|
4
|
-
__VLS_PROPS_FALLBACK: infer P;
|
|
5
|
-
} ? P : {});
|
|
6
|
-
expose: (exposed: {}) => void;
|
|
7
|
-
attrs: any;
|
|
8
|
-
slots: {};
|
|
9
|
-
emit: {};
|
|
10
|
-
}>) => import("vue").VNode & {
|
|
11
|
-
__ctx?: Awaited<typeof __VLS_setup>;
|
|
12
|
-
};
|
|
13
|
-
declare const _default: typeof __VLS_export;
|
|
14
|
-
export default _default;
|
|
15
|
-
type __VLS_PrettifyLocal<T> = (T extends any ? {
|
|
16
|
-
[K in keyof T]: T[K];
|
|
17
|
-
} : {
|
|
18
|
-
[K in keyof T as K]: T[K];
|
|
19
|
-
}) & {};
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import type { DonutChartProps } from "../types/charts.js";
|
|
2
|
-
declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3
|
-
props: import("vue").PublicProps & __VLS_PrettifyLocal<DonutChartProps<T>> & (typeof globalThis extends {
|
|
4
|
-
__VLS_PROPS_FALLBACK: infer P;
|
|
5
|
-
} ? P : {});
|
|
6
|
-
expose: (exposed: {}) => void;
|
|
7
|
-
attrs: any;
|
|
8
|
-
slots: {
|
|
9
|
-
default?: (props: {}) => any;
|
|
10
|
-
};
|
|
11
|
-
emit: {};
|
|
12
|
-
}>) => import("vue").VNode & {
|
|
13
|
-
__ctx?: Awaited<typeof __VLS_setup>;
|
|
14
|
-
};
|
|
15
|
-
declare const _default: typeof __VLS_export;
|
|
16
|
-
export default _default;
|
|
17
|
-
type __VLS_PrettifyLocal<T> = (T extends any ? {
|
|
18
|
-
[K in keyof T]: T[K];
|
|
19
|
-
} : {
|
|
20
|
-
[K in keyof T as K]: T[K];
|
|
21
|
-
}) & {};
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { type FunnelLayeredDatum } from "./internal/FunnelLayeredShape.vue.js";
|
|
2
|
-
import type { FunnelChartProps } from "../types/charts.js";
|
|
3
|
-
declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
4
|
-
props: import("vue").PublicProps & __VLS_PrettifyLocal<FunnelChartProps<T>> & (typeof globalThis extends {
|
|
5
|
-
__VLS_PROPS_FALLBACK: infer P;
|
|
6
|
-
} ? P : {});
|
|
7
|
-
expose: (exposed: {}) => void;
|
|
8
|
-
attrs: any;
|
|
9
|
-
slots: {
|
|
10
|
-
shape(props: Record<string, unknown> & {
|
|
11
|
-
onMouseenter: (event: MouseEvent, datum: FunnelLayeredDatum) => void;
|
|
12
|
-
onMousemove: (event: MouseEvent) => void;
|
|
13
|
-
onMouseleave: () => void;
|
|
14
|
-
}): unknown;
|
|
15
|
-
};
|
|
16
|
-
emit: {};
|
|
17
|
-
}>) => import("vue").VNode & {
|
|
18
|
-
__ctx?: Awaited<typeof __VLS_setup>;
|
|
19
|
-
};
|
|
20
|
-
declare const _default: typeof __VLS_export;
|
|
21
|
-
export default _default;
|
|
22
|
-
type __VLS_PrettifyLocal<T> = (T extends any ? {
|
|
23
|
-
[K in keyof T]: T[K];
|
|
24
|
-
} : {
|
|
25
|
-
[K in keyof T as K]: T[K];
|
|
26
|
-
}) & {};
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import type { LineChartProps } from "../types/charts.js";
|
|
2
|
-
declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3
|
-
props: import("vue").PublicProps & __VLS_PrettifyLocal<LineChartProps<T>> & (typeof globalThis extends {
|
|
4
|
-
__VLS_PROPS_FALLBACK: infer P;
|
|
5
|
-
} ? P : {});
|
|
6
|
-
expose: (exposed: {}) => void;
|
|
7
|
-
attrs: any;
|
|
8
|
-
slots: {
|
|
9
|
-
tooltip?: (props: {
|
|
10
|
-
values: T | undefined;
|
|
11
|
-
}) => unknown;
|
|
12
|
-
};
|
|
13
|
-
emit: {};
|
|
14
|
-
}>) => import("vue").VNode & {
|
|
15
|
-
__ctx?: Awaited<typeof __VLS_setup>;
|
|
16
|
-
};
|
|
17
|
-
declare const _default: typeof __VLS_export;
|
|
18
|
-
export default _default;
|
|
19
|
-
type __VLS_PrettifyLocal<T> = (T extends any ? {
|
|
20
|
-
[K in keyof T]: T[K];
|
|
21
|
-
} : {
|
|
22
|
-
[K in keyof T as K]: T[K];
|
|
23
|
-
}) & {};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import type { RadarChartProps } from "../types/charts.js";
|
|
2
|
-
declare const __VLS_export: <T extends Record<string, unknown>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3
|
-
props: import("vue").PublicProps & __VLS_PrettifyLocal<RadarChartProps<T>> & (typeof globalThis extends {
|
|
4
|
-
__VLS_PROPS_FALLBACK: infer P;
|
|
5
|
-
} ? P : {});
|
|
6
|
-
expose: (exposed: {}) => void;
|
|
7
|
-
attrs: any;
|
|
8
|
-
slots: {};
|
|
9
|
-
emit: {};
|
|
10
|
-
}>) => import("vue").VNode & {
|
|
11
|
-
__ctx?: Awaited<typeof __VLS_setup>;
|
|
12
|
-
};
|
|
13
|
-
declare const _default: typeof __VLS_export;
|
|
14
|
-
export default _default;
|
|
15
|
-
type __VLS_PrettifyLocal<T> = (T extends any ? {
|
|
16
|
-
[K in keyof T]: T[K];
|
|
17
|
-
} : {
|
|
18
|
-
[K in keyof T as K]: T[K];
|
|
19
|
-
}) & {};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import type { RadialBarChartProps } from "../types/charts.js";
|
|
2
|
-
declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3
|
-
props: import("vue").PublicProps & __VLS_PrettifyLocal<RadialBarChartProps<T>> & (typeof globalThis extends {
|
|
4
|
-
__VLS_PROPS_FALLBACK: infer P;
|
|
5
|
-
} ? P : {});
|
|
6
|
-
expose: (exposed: {}) => void;
|
|
7
|
-
attrs: any;
|
|
8
|
-
slots: {};
|
|
9
|
-
emit: {};
|
|
10
|
-
}>) => import("vue").VNode & {
|
|
11
|
-
__ctx?: Awaited<typeof __VLS_setup>;
|
|
12
|
-
};
|
|
13
|
-
declare const _default: typeof __VLS_export;
|
|
14
|
-
export default _default;
|
|
15
|
-
type __VLS_PrettifyLocal<T> = (T extends any ? {
|
|
16
|
-
[K in keyof T]: T[K];
|
|
17
|
-
} : {
|
|
18
|
-
[K in keyof T as K]: T[K];
|
|
19
|
-
}) & {};
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import type { SankeyChartProps, SankeyInputLink, SankeyInputNode } from "../types/charts.js";
|
|
2
|
-
declare const __VLS_export: <N extends SankeyInputNode, L extends SankeyInputLink>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3
|
-
props: import("vue").PublicProps & __VLS_PrettifyLocal<SankeyChartProps<N, L>> & (typeof globalThis extends {
|
|
4
|
-
__VLS_PROPS_FALLBACK: infer P;
|
|
5
|
-
} ? P : {});
|
|
6
|
-
expose: (exposed: {}) => void;
|
|
7
|
-
attrs: any;
|
|
8
|
-
slots: {
|
|
9
|
-
node(props: {
|
|
10
|
-
payload: Record<string, unknown>;
|
|
11
|
-
index: number;
|
|
12
|
-
x: number;
|
|
13
|
-
y: number;
|
|
14
|
-
width: number;
|
|
15
|
-
height: number;
|
|
16
|
-
fill: string;
|
|
17
|
-
}): unknown;
|
|
18
|
-
link(props: {
|
|
19
|
-
payload: Record<string, unknown>;
|
|
20
|
-
index: number;
|
|
21
|
-
d: string;
|
|
22
|
-
linkWidth: number;
|
|
23
|
-
fill: string;
|
|
24
|
-
}): unknown;
|
|
25
|
-
};
|
|
26
|
-
emit: {};
|
|
27
|
-
}>) => import("vue").VNode & {
|
|
28
|
-
__ctx?: Awaited<typeof __VLS_setup>;
|
|
29
|
-
};
|
|
30
|
-
declare const _default: typeof __VLS_export;
|
|
31
|
-
export default _default;
|
|
32
|
-
type __VLS_PrettifyLocal<T> = (T extends any ? {
|
|
33
|
-
[K in keyof T]: T[K];
|
|
34
|
-
} : {
|
|
35
|
-
[K in keyof T as K]: T[K];
|
|
36
|
-
}) & {};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import type { StatusTrackerChartProps, StatusTrackerDatum } from "../types/charts.js";
|
|
2
|
-
declare const __VLS_export: <T extends StatusTrackerDatum>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3
|
-
props: import("vue").PublicProps & __VLS_PrettifyLocal<StatusTrackerChartProps<T>> & (typeof globalThis extends {
|
|
4
|
-
__VLS_PROPS_FALLBACK: infer P;
|
|
5
|
-
} ? P : {});
|
|
6
|
-
expose: (exposed: {}) => void;
|
|
7
|
-
attrs: any;
|
|
8
|
-
slots: {};
|
|
9
|
-
emit: {};
|
|
10
|
-
}>) => import("vue").VNode & {
|
|
11
|
-
__ctx?: Awaited<typeof __VLS_setup>;
|
|
12
|
-
};
|
|
13
|
-
declare const _default: typeof __VLS_export;
|
|
14
|
-
export default _default;
|
|
15
|
-
type __VLS_PrettifyLocal<T> = (T extends any ? {
|
|
16
|
-
[K in keyof T]: T[K];
|
|
17
|
-
} : {
|
|
18
|
-
[K in keyof T as K]: T[K];
|
|
19
|
-
}) & {};
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Shared scaffolding for the cartesian charts (area, bar, line, bubble).
|
|
3
|
-
*
|
|
4
|
-
* Renders the responsive container, the supplied `vccs` chart container, the
|
|
5
|
-
* grid, axes, tooltip and legend from the v2 config props — leaving the series
|
|
6
|
-
* (`<Area>` / `<Bar>` / `<Line>` / `<Scatter>`) to the default slot. This keeps
|
|
7
|
-
* every chart adapter small and the axis/legend/tooltip wiring in one place.
|
|
8
|
-
*/
|
|
9
|
-
import { type Component } from "vue";
|
|
10
|
-
import type { CartesianChartBaseProps } from "../../types/charts.js";
|
|
11
|
-
import type { Orientation } from "../../enums.js";
|
|
12
|
-
declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
13
|
-
props: import("vue").PublicProps & __VLS_PrettifyLocal<CartesianChartBaseProps<T> & {
|
|
14
|
-
/** The `vccs` chart container component to render (AreaChart, BarChart, …). */
|
|
15
|
-
container: Component;
|
|
16
|
-
/** Extra props forwarded to the `vccs` chart container. */
|
|
17
|
-
containerProps?: Record<string, unknown>;
|
|
18
|
-
/** Data key for the category (x) axis. */
|
|
19
|
-
xAxisKey?: string;
|
|
20
|
-
/** Bar/area orientation; drives the container `layout`. */
|
|
21
|
-
orientation?: Orientation;
|
|
22
|
-
/** Extra class on the chart root, used by CSS-driven effects like marching dashes. */
|
|
23
|
-
frameClass?: string;
|
|
24
|
-
/**
|
|
25
|
-
* Flat colour per legend label. Charts painting from a variant pattern pass
|
|
26
|
-
* this so the swatches keep their colour — see `ChartLegend`.
|
|
27
|
-
*/
|
|
28
|
-
legendColors?: Record<string, string>;
|
|
29
|
-
/** Silhouette the loading placeholder draws for this chart type. */
|
|
30
|
-
skeletonShape?: "bars" | "wave";
|
|
31
|
-
/**
|
|
32
|
-
* The value axis runs 0–1 because the series are normalised. Set so the
|
|
33
|
-
* ticks read as percentages rather than as raw fractions.
|
|
34
|
-
*/
|
|
35
|
-
percentAxis?: boolean;
|
|
36
|
-
}> & (typeof globalThis extends {
|
|
37
|
-
__VLS_PROPS_FALLBACK: infer P;
|
|
38
|
-
} ? P : {});
|
|
39
|
-
expose: (exposed: {}) => void;
|
|
40
|
-
attrs: any;
|
|
41
|
-
slots: {
|
|
42
|
-
default?: () => unknown;
|
|
43
|
-
tooltip?: (props: {
|
|
44
|
-
values: T | undefined;
|
|
45
|
-
}) => unknown;
|
|
46
|
-
};
|
|
47
|
-
emit: {};
|
|
48
|
-
}>) => import("vue").VNode & {
|
|
49
|
-
__ctx?: Awaited<typeof __VLS_setup>;
|
|
50
|
-
};
|
|
51
|
-
declare const _default: typeof __VLS_export;
|
|
52
|
-
export default _default;
|
|
53
|
-
type __VLS_PrettifyLocal<T> = (T extends any ? {
|
|
54
|
-
[K in keyof T]: T[K];
|
|
55
|
-
} : {
|
|
56
|
-
[K in keyof T as K]: T[K];
|
|
57
|
-
}) & {};
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* The chart legend.
|
|
3
|
-
*
|
|
4
|
-
* `variant` picks the shape of the swatch beside each label. The outline
|
|
5
|
-
* variants are drawn with a mask that punches out the centre rather than a CSS
|
|
6
|
-
* `border`, so the ring follows the swatch's own corner radius exactly and
|
|
7
|
-
* stays even at the 10px sizes these render at.
|
|
8
|
-
*/
|
|
9
|
-
import type { LegendIndicatorVariant } from "../../utils/variants.js";
|
|
10
|
-
interface LegendItem {
|
|
11
|
-
value: string;
|
|
12
|
-
color?: string;
|
|
13
|
-
inactive?: boolean;
|
|
14
|
-
}
|
|
15
|
-
type __VLS_Props = {
|
|
16
|
-
payload?: LegendItem[];
|
|
17
|
-
variant?: LegendIndicatorVariant;
|
|
18
|
-
/**
|
|
19
|
-
* Flat colour per legend label, overriding what the chart engine reports.
|
|
20
|
-
*
|
|
21
|
-
* A series painted from a variant pattern reports its `fill` — a
|
|
22
|
-
* `url(#…)` SVG paint reference — as its legend colour. That is meaningless
|
|
23
|
-
* as a CSS background and would render the swatch invisible, so charts
|
|
24
|
-
* using a patterned fill pass the underlying colours through here.
|
|
25
|
-
*/
|
|
26
|
-
colors?: Record<string, string>;
|
|
27
|
-
};
|
|
28
|
-
declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
29
|
-
variant: LegendIndicatorVariant;
|
|
30
|
-
payload: LegendItem[];
|
|
31
|
-
colors: Record<string, string>;
|
|
32
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
33
|
-
declare const _default: typeof __VLS_export;
|
|
34
|
-
export default _default;
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
2
|
-
declare const _default: typeof __VLS_export;
|
|
3
|
-
export default _default;
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { type CubeColumnBand } from "../../utils/cubes.js";
|
|
2
|
-
type __VLS_Props = {
|
|
3
|
-
x?: number | null;
|
|
4
|
-
y?: number | null;
|
|
5
|
-
width?: number;
|
|
6
|
-
height?: number;
|
|
7
|
-
background?: CubeColumnBand | null;
|
|
8
|
-
fill?: string;
|
|
9
|
-
gap?: number;
|
|
10
|
-
radius?: number;
|
|
11
|
-
preferredSize?: number;
|
|
12
|
-
/** When set below preferredSize, cubes shrink from top → bottom. */
|
|
13
|
-
minSize?: number;
|
|
14
|
-
/** Floor opacity when size-tapering (top = 1). Default 0.05. */
|
|
15
|
-
minOpacity?: number;
|
|
16
|
-
emptyColor?: string;
|
|
17
|
-
/** When false, only filled cubes are emitted (stacked layers above the first). */
|
|
18
|
-
includeEmpty?: boolean;
|
|
19
|
-
};
|
|
20
|
-
declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
21
|
-
width: number;
|
|
22
|
-
height: number;
|
|
23
|
-
fill: string;
|
|
24
|
-
radius: number;
|
|
25
|
-
background: CubeColumnBand | null;
|
|
26
|
-
x: number | null;
|
|
27
|
-
y: number | null;
|
|
28
|
-
gap: number;
|
|
29
|
-
preferredSize: number;
|
|
30
|
-
minSize: number;
|
|
31
|
-
minOpacity: number;
|
|
32
|
-
emptyColor: string;
|
|
33
|
-
includeEmpty: boolean;
|
|
34
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
35
|
-
declare const _default: typeof __VLS_export;
|
|
36
|
-
export default _default;
|
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
declare const _default: typeof __VLS_export;
|
|
2
|
-
export default _default;
|
|
3
|
-
declare const __VLS_export: import("vue").DefineComponent<{
|
|
4
|
-
x?: number;
|
|
5
|
-
y?: number;
|
|
6
|
-
upperWidth?: number;
|
|
7
|
-
lowerWidth?: number;
|
|
8
|
-
height?: number;
|
|
9
|
-
payload?: {
|
|
10
|
-
name: string;
|
|
11
|
-
value: number;
|
|
12
|
-
color: string;
|
|
13
|
-
maxValue: number;
|
|
14
|
-
formattedValue?: string;
|
|
15
|
-
showValue?: boolean;
|
|
16
|
-
showStageLabel?: boolean;
|
|
17
|
-
stageGap?: number;
|
|
18
|
-
labelSizes?: {
|
|
19
|
-
base?: number;
|
|
20
|
-
value?: number;
|
|
21
|
-
name?: number;
|
|
22
|
-
};
|
|
23
|
-
};
|
|
24
|
-
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
25
|
-
mouseenter: (event: MouseEvent, payload: {
|
|
26
|
-
name: string;
|
|
27
|
-
value: number;
|
|
28
|
-
color: string;
|
|
29
|
-
maxValue: number;
|
|
30
|
-
formattedValue?: string;
|
|
31
|
-
showValue?: boolean;
|
|
32
|
-
showStageLabel?: boolean;
|
|
33
|
-
stageGap?: number;
|
|
34
|
-
labelSizes?: {
|
|
35
|
-
base?: number;
|
|
36
|
-
value?: number;
|
|
37
|
-
name?: number;
|
|
38
|
-
};
|
|
39
|
-
}) => any;
|
|
40
|
-
mouseleave: () => any;
|
|
41
|
-
mousemove: (event: MouseEvent) => any;
|
|
42
|
-
}, string, import("vue").PublicProps, Readonly<{
|
|
43
|
-
x?: number;
|
|
44
|
-
y?: number;
|
|
45
|
-
upperWidth?: number;
|
|
46
|
-
lowerWidth?: number;
|
|
47
|
-
height?: number;
|
|
48
|
-
payload?: {
|
|
49
|
-
name: string;
|
|
50
|
-
value: number;
|
|
51
|
-
color: string;
|
|
52
|
-
maxValue: number;
|
|
53
|
-
formattedValue?: string;
|
|
54
|
-
showValue?: boolean;
|
|
55
|
-
showStageLabel?: boolean;
|
|
56
|
-
stageGap?: number;
|
|
57
|
-
labelSizes?: {
|
|
58
|
-
base?: number;
|
|
59
|
-
value?: number;
|
|
60
|
-
name?: number;
|
|
61
|
-
};
|
|
62
|
-
};
|
|
63
|
-
}> & Readonly<{
|
|
64
|
-
onMouseenter?: ((event: MouseEvent, payload: {
|
|
65
|
-
name: string;
|
|
66
|
-
value: number;
|
|
67
|
-
color: string;
|
|
68
|
-
maxValue: number;
|
|
69
|
-
formattedValue?: string;
|
|
70
|
-
showValue?: boolean;
|
|
71
|
-
showStageLabel?: boolean;
|
|
72
|
-
stageGap?: number;
|
|
73
|
-
labelSizes?: {
|
|
74
|
-
base?: number;
|
|
75
|
-
value?: number;
|
|
76
|
-
name?: number;
|
|
77
|
-
};
|
|
78
|
-
}) => any) | undefined;
|
|
79
|
-
onMouseleave?: (() => any) | undefined;
|
|
80
|
-
onMousemove?: ((event: MouseEvent) => any) | undefined;
|
|
81
|
-
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
export type FunnelLayeredDatum = {
|
|
2
|
-
name: string;
|
|
3
|
-
value: number;
|
|
4
|
-
color: string;
|
|
5
|
-
formattedValue?: string;
|
|
6
|
-
};
|
|
7
|
-
declare const _default: typeof __VLS_export;
|
|
8
|
-
export default _default;
|
|
9
|
-
declare const __VLS_export: import("vue").DefineComponent<{
|
|
10
|
-
payload?: FunnelLayeredDatum & {
|
|
11
|
-
stageIndex: number;
|
|
12
|
-
stageCount: number;
|
|
13
|
-
maxValue: number;
|
|
14
|
-
nextValue: number;
|
|
15
|
-
/** Resolved label sizes in px. Any field omitted = auto-fit / derive from base. */
|
|
16
|
-
labelSizes?: {
|
|
17
|
-
base?: number;
|
|
18
|
-
value?: number;
|
|
19
|
-
percentage?: number;
|
|
20
|
-
name?: number;
|
|
21
|
-
};
|
|
22
|
-
showValue?: boolean;
|
|
23
|
-
showPercentage?: boolean;
|
|
24
|
-
showStageLabel?: boolean;
|
|
25
|
-
};
|
|
26
|
-
parentViewBox?: {
|
|
27
|
-
x?: number;
|
|
28
|
-
y?: number;
|
|
29
|
-
width?: number;
|
|
30
|
-
height?: number;
|
|
31
|
-
};
|
|
32
|
-
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
33
|
-
mouseenter: (event: MouseEvent, payload: FunnelLayeredDatum) => any;
|
|
34
|
-
mouseleave: () => any;
|
|
35
|
-
mousemove: (event: MouseEvent) => any;
|
|
36
|
-
}, string, import("vue").PublicProps, Readonly<{
|
|
37
|
-
payload?: FunnelLayeredDatum & {
|
|
38
|
-
stageIndex: number;
|
|
39
|
-
stageCount: number;
|
|
40
|
-
maxValue: number;
|
|
41
|
-
nextValue: number;
|
|
42
|
-
/** Resolved label sizes in px. Any field omitted = auto-fit / derive from base. */
|
|
43
|
-
labelSizes?: {
|
|
44
|
-
base?: number;
|
|
45
|
-
value?: number;
|
|
46
|
-
percentage?: number;
|
|
47
|
-
name?: number;
|
|
48
|
-
};
|
|
49
|
-
showValue?: boolean;
|
|
50
|
-
showPercentage?: boolean;
|
|
51
|
-
showStageLabel?: boolean;
|
|
52
|
-
};
|
|
53
|
-
parentViewBox?: {
|
|
54
|
-
x?: number;
|
|
55
|
-
y?: number;
|
|
56
|
-
width?: number;
|
|
57
|
-
height?: number;
|
|
58
|
-
};
|
|
59
|
-
}> & Readonly<{
|
|
60
|
-
onMouseenter?: ((event: MouseEvent, payload: FunnelLayeredDatum) => any) | undefined;
|
|
61
|
-
onMouseleave?: (() => any) | undefined;
|
|
62
|
-
onMousemove?: ((event: MouseEvent) => any) | undefined;
|
|
63
|
-
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import type { TooltipRoundness, TooltipVariant } from "../../utils/variants.js";
|
|
2
|
-
type __VLS_Props = {
|
|
3
|
-
datum: {
|
|
4
|
-
name: string;
|
|
5
|
-
value: number;
|
|
6
|
-
color: string;
|
|
7
|
-
formattedValue?: string;
|
|
8
|
-
};
|
|
9
|
-
x: number;
|
|
10
|
-
y: number;
|
|
11
|
-
variant?: TooltipVariant;
|
|
12
|
-
roundness?: TooltipRoundness;
|
|
13
|
-
};
|
|
14
|
-
declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
15
|
-
declare const _default: typeof __VLS_export;
|
|
16
|
-
export default _default;
|