vccs 0.4.0 → 0.4.1

package/dist/es/chart/sunburstUtils.mjs

@@ -0,0 +1,67 @@
+import { hierarchy, partition } from "d3-hierarchy";
+//#region src/chart/sunburstUtils.ts
+/**
+* Record each node's original child index before sorting mutates the order.
+* This ensures tooltipIndex paths point into the original data.children order.
+*/
+function recordOriginalIndices(node) {
+	if (node.children) node.children.forEach((child, i) => {
+		child._originalIndex = i;
+		recordOriginalIndices(child);
+	});
+}
+/**
+* Build a hierarchical tooltip index path string for a d3 hierarchy node.
+* Uses _originalIndex (pre-sort) so the path matches the original data structure.
+* E.g. 'children[0].children[1]'
+*/
+function buildTooltipIndex(node) {
+	const parts = [];
+	let current = node;
+	while (current.parent) {
+		const idx = current._originalIndex ?? current.parent.children.indexOf(current);
+		parts.unshift(`children[${idx}]`);
+		current = current.parent;
+	}
+	return parts.join(".");
+}
+function computeSunburstLayout(options) {
+	const { data, cx, cy, innerRadius, outerRadius, startAngle, endAngle, dataKey, ringPadding = 0, padding = 0 } = options;
+	if (!data.children || data.children.length === 0) return [];
+	const root = hierarchy(data).sum((d) => {
+		if (d.children && d.children.length > 0) return 0;
+		const val = d[dataKey];
+		return typeof val === "number" && val > 0 ? val : 0;
+	});
+	recordOriginalIndices(root);
+	root.sort((a, b) => (b.value ?? 0) - (a.value ?? 0));
+	partition().size([1, 1])(root);
+	const angleRange = endAngle - startAngle;
+	const radiusRange = outerRadius - innerRadius;
+	const nodes = [];
+	root.descendants().forEach((d) => {
+		if (d.depth === 0) return;
+		const nodeStartAngle = startAngle + d.x0 * angleRange + padding / 2;
+		const nodeEndAngle = startAngle + d.x1 * angleRange - padding / 2;
+		const nodeInnerRadius = innerRadius + d.y0 * radiusRange + ringPadding / 2;
+		const nodeOuterRadius = innerRadius + d.y1 * radiusRange - ringPadding / 2;
+		if (nodeEndAngle <= nodeStartAngle || nodeOuterRadius <= nodeInnerRadius) return;
+		nodes.push({
+			cx,
+			cy,
+			innerRadius: nodeInnerRadius,
+			outerRadius: nodeOuterRadius,
+			startAngle: nodeStartAngle,
+			endAngle: nodeEndAngle,
+			depth: d.depth,
+			name: d.data.name,
+			value: d.value ?? 0,
+			fill: d.data.fill,
+			payload: d.data,
+			tooltipIndex: buildTooltipIndex(d)
+		});
+	});
+	return nodes;
+}
+//#endregion
+export { computeSunburstLayout };

package/dist/es/components/Tooltip.mjs

@@ -8,17 +8,17 @@ import { selectActiveCoordinate, selectActiveLabel, selectIsTooltipActive, selec
 import { Rectangle } from "../shape/Rectangle.mjs";
 import { useCursorLayerRef } from "../context/cursorLayerContext.mjs";
 import { usePortal } from "../chart/TooltipPortalContext.mjs";
+import { Sector } from "../shape/Sector.mjs";
 import { useAccessibilityLayer } from "../context/accessibilityContext.mjs";
 import { getTooltipTranslate } from "../utils/tooltip/translate.mjs";
 import { Cross } from "../shape/Cross.mjs";
-import { Sector } from "../shape/Sector.mjs";
 import { getCursorPoints } from "./utils.mjs";
 import { useTooltipAxisBandSize } from "../context/useTooltipAxis.mjs";
 import { useTooltipChartSynchronisation } from "../synchronisation/useChartSynchronisation.mjs";
 import { Fragment, Teleport, computed, createVNode, defineComponent, isVNode, reactive, ref, watch, watchEffect, watchPostEffect } from "vue";
 import { sortBy, uniqBy } from "es-toolkit/compat";
 import { animate } from "motion-v";
-import { useElementBounding, useMagicKeys, usePreferredReducedMotion } from "@vueuse/core";
+import { useMagicKeys, usePreferredReducedMotion } from "@vueuse/core";
 //#region src/components/Tooltip.tsx
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
@@ -148,7 +148,10 @@ var TooltipBoundingBox = /* @__PURE__ */ defineComponent({
 			}
 		});
 		const el = ref();
-		const lastBoundingBox = useElementBounding(el, {});
+		const tooltipSize = ref({
+			width: 0,
+			height: 0
+		});
 		let preTransform;
 		let animationControls;
 		const reducedMotion = usePreferredReducedMotion();
@@ -161,13 +164,13 @@ var TooltipBoundingBox = /* @__PURE__ */ defineComponent({
 				position,
 				reverseDirection,
 				tooltipBox: {
-					height: lastBoundingBox.height.value,
-					width: lastBoundingBox.width.value
+					height: tooltipSize.value.height,
+					width: tooltipSize.value.width
 				},
 				useTranslate3d: false,
 				viewBox
 			});
-			transform = !lastBoundingBox.height.value && preTransform ? preTransform : transform;
+			transform = !tooltipSize.value.height && preTransform ? preTransform : transform;
 			preTransform = transform || preTransform;
 			return {
 				cssClasses,
@@ -181,6 +184,12 @@ var TooltipBoundingBox = /* @__PURE__ */ defineComponent({
 			if (!element || !transform?.transform) return;
 			if (props.isAnimationActive && reducedMotion.value !== "reduce") animationControls = animate(element, { transform: transform.transform }, props.transition);
 			else element.style.transform = transform.transform;
+			const width = element.offsetWidth;
+			const height = element.offsetHeight;
+			if (height > 0 && (width !== tooltipSize.value.width || height !== tooltipSize.value.height)) tooltipSize.value = {
+				width,
+				height
+			};
 			onCleanup(() => {
 				animationControls?.stop();
 				animationControls = void 0;

package/dist/es/container/ResponsiveContainer.vue_vue_type_script_setup_true_lang.mjs

@@ -1,7 +1,7 @@
 import { isPercent } from "../utils/validate.mjs";
 import { normalizeStyle as normalizeStyle$1 } from "../utils/style.mjs";
 import { provideSizeContext } from "./useSizeContext.mjs";
-import { Fragment, cloneVNode, computed, createBlock, createElementBlock, defineComponent, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, ref, resolveDynamicComponent, toRef, useSlots } from "vue";
+import { Fragment, cloneVNode, computed, createElementBlock, createVNode, defineComponent, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, ref, toRef, useSlots } from "vue";
 import { useThrottleFn } from "@vueuse/core";
 //#region src/container/ResponsiveContainer.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["id"];
@@ -119,6 +119,19 @@ var ResponsiveContainer_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 				});
 			});
 		}
+		/**
+		* Rendering the children through `<component :is="() => renderChildren()" />` would
+		* create a new component type on every render, so Vue unmounts and remounts the whole
+		* chart subtree each time. Charts that dispatch on `mouseenter` (radial bar, radar) then
+		* loop forever: the remount recreates the element under the cursor, which fires
+		* `mouseenter` again. This renderer keeps a stable type, so the subtree is patched.
+		*/
+		const ChildrenRenderer = (rendererProps) => rendererProps.nodes;
+		ChildrenRenderer.props = { nodes: {
+			type: Array,
+			required: true
+		} };
+		ChildrenRenderer.inheritAttrs = false;
 		const containerStyle = computed(() => ({
 			...props.style,
 			...normalizeStyle$1({
@@ -136,7 +149,7 @@ var ResponsiveContainer_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 				ref: containerRef,
 				class: normalizeClass(["vcharts-responsive-container", [props.class]]),
 				style: normalizeStyle(containerStyle.value)
-			}, [(openBlock(), createBlock(resolveDynamicComponent(() => renderChildren())))], 14, _hoisted_1);
+			}, [createVNode(ChildrenRenderer, { nodes: renderChildren() ?? [] }, null, 8, ["nodes"])], 14, _hoisted_1);
 		};
 	}
 });

package/dist/es/index.mjs

@@ -1,3 +1,4 @@
+import { Global } from "./utils/Global.mjs";
 import { Curve, CurveVueProps, getPath } from "./shape/Curve.mjs";
 import { useActiveTooltipDataPoints } from "./state/hooks.mjs";
 import { useChartHeight, useChartWidth, useMargin, useOffset } from "./context/chartLayoutContext.mjs";
@@ -36,11 +37,13 @@ import { ScatterChart } from "./chart/ScatterChart.mjs";
 import { RadialBarChart } from "./chart/RadialBarChart.mjs";
 import { FunnelChart } from "./chart/FunnelChart.mjs";
 import { Treemap, TreemapVueProps, treemapPayloadSearcher } from "./chart/Treemap.mjs";
+import { Sankey, SankeyVueProps, sankeyPayloadSearcher } from "./chart/Sankey.mjs";
+import { Sector } from "./shape/Sector.mjs";
+import { SunburstChart, SunburstChartVueProps, sunburstPayloadSearcher } from "./chart/SunburstChart.mjs";
 import ResponsiveContainer_default from "./container/ResponsiveContainer.mjs";
 import { Customized } from "./components/Customized.mjs";
 import Legend_default from "./components/legend/Legend.mjs";
 import { Cross } from "./shape/Cross.mjs";
-import { Sector } from "./shape/Sector.mjs";
 import Tooltip, { getUniqPayload } from "./components/Tooltip.mjs";
 import { PieVueProps } from "./polar/pie/type.mjs";
 import { Pie } from "./polar/pie/Pie.mjs";
@@ -51,4 +54,4 @@ import { PolarRadiusAxis } from "./polar/radar/PolarRadiusAxis.mjs";
 import { RadialBar } from "./polar/radial-bar/RadialBar.mjs";
 import { Polygon } from "./shape/Polygon.mjs";
 import { useActiveTooltipCoordinate, useActiveTooltipLabel, useCartesianScale, useIsTooltipActive, usePlotArea, useXAxisDomain, useXAxisInverseDataSnapScale, useXAxisInverseScale, useXAxisInverseTickSnapScale, useXAxisScale, useXAxisTicks, useYAxisDomain, useYAxisInverseDataSnapScale, useYAxisInverseScale, useYAxisInverseTickSnapScale, useYAxisScale, useYAxisTicks } from "./hooks/publicHooks.mjs";
-export { Area, AreaChart, Bar, BarChart, CartesianAxis, CartesianGrid, Cell, ComposedChart, Cross, Curve, CurveVueProps, Customized, Dot, ErrorBar, ErrorBarVueProps, Funnel, FunnelChart, FunnelVueProps, Label, LabelList, Legend_default as Legend, Line, LineChart, LineContextKey, Pie, PieChart, PieVueProps, PolarAngleAxis, PolarGrid, PolarRadiusAxis, Polygon, Radar, RadarChart, RadialBar, RadialBarChart, Rectangle, ReferenceArea, ReferenceDot, ReferenceLine, ResponsiveContainer_default as ResponsiveContainer, Scatter, ScatterChart, Sector, Symbols, Text_default as Text, Tooltip, Trapezoid, Treemap, TreemapVueProps, XAxis, YAxis, ZAxis, createErrorBarRegistry, getPath, getUniqPayload, provideErrorBarContext, provideErrorBarRegistry, provideLineContext, treemapPayloadSearcher, useActiveTooltipCoordinate, useActiveTooltipDataPoints, useActiveTooltipLabel, useCartesianScale, useChartHeight, useChartWidth, useErrorBarContext, useErrorBarRegistry, useIsTooltipActive, useLine, useLineContext, useMargin, useOffset, usePlotArea, useXAxisDomain, useXAxisInverseDataSnapScale, useXAxisInverseScale, useXAxisInverseTickSnapScale, useXAxisScale, useXAxisTicks, useYAxisDomain, useYAxisInverseDataSnapScale, useYAxisInverseScale, useYAxisInverseTickSnapScale, useYAxisScale, useYAxisTicks };
+export { Area, AreaChart, Bar, BarChart, CartesianAxis, CartesianGrid, Cell, ComposedChart, Cross, Curve, CurveVueProps, Customized, Dot, ErrorBar, ErrorBarVueProps, Funnel, FunnelChart, FunnelVueProps, Global, Label, LabelList, Legend_default as Legend, Line, LineChart, LineContextKey, Pie, PieChart, PieVueProps, PolarAngleAxis, PolarGrid, PolarRadiusAxis, Polygon, Radar, RadarChart, RadialBar, RadialBarChart, Rectangle, ReferenceArea, ReferenceDot, ReferenceLine, ResponsiveContainer_default as ResponsiveContainer, Sankey, SankeyVueProps, Scatter, ScatterChart, Sector, SunburstChart, SunburstChartVueProps, Symbols, Text_default as Text, Tooltip, Trapezoid, Treemap, TreemapVueProps, XAxis, YAxis, ZAxis, createErrorBarRegistry, getPath, getUniqPayload, provideErrorBarContext, provideErrorBarRegistry, provideLineContext, sankeyPayloadSearcher, sunburstPayloadSearcher, treemapPayloadSearcher, useActiveTooltipCoordinate, useActiveTooltipDataPoints, useActiveTooltipLabel, useCartesianScale, useChartHeight, useChartWidth, useErrorBarContext, useErrorBarRegistry, useIsTooltipActive, useLine, useLineContext, useMargin, useOffset, usePlotArea, useXAxisDomain, useXAxisInverseDataSnapScale, useXAxisInverseScale, useXAxisInverseTickSnapScale, useXAxisScale, useXAxisTicks, useYAxisDomain, useYAxisInverseDataSnapScale, useYAxisInverseScale, useYAxisInverseTickSnapScale, useYAxisScale, useYAxisTicks };

package/dist/es/polar/pie/Pie.mjs

@@ -120,7 +120,7 @@ var Pie = /* @__PURE__ */ defineComponent({
 				"isActive": props.isAnimationActive,
 				"from": 0,
 				"to": 1,
-				"transition": { duration: 1.5 }
+				"transition": props.transition
 			}, { default: (progress) => {
 				let curAngle = sectorList[0]?.startAngle ?? 0;
 				const sectorNodes = sectorList.map((sector, i) => {

package/dist/es/polar/pie/type.mjs

@@ -85,6 +85,13 @@ var PieVueProps = {
 		type: Boolean,
 		default: true
 	},
+	transition: {
+		type: Object,
+		default: () => ({
+			duration: 1.2,
+			ease: "easeOut"
+		})
+	},
 	label: {
 		type: Boolean,
 		default: false

package/dist/es/polar/radar/Radar.mjs

@@ -115,6 +115,13 @@ var Radar = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: true
 		},
+		transition: {
+			type: Object,
+			default: () => ({
+				duration: .8,
+				ease: "easeOut"
+			})
+		},
 		activeDot: {
 			type: [Object, Boolean],
 			default: true
@@ -175,7 +182,7 @@ var Radar = /* @__PURE__ */ defineComponent({
 		let prevPoints = null;
 		let prevBaseLinePoints = null;
 		let animationId = 0;
-		let lastData = void 0;
+		let lastData;
 		const renderPolygon = (points, baseLinePoints, isRange) => {
 			const stroke = props.stroke ?? props.fill;
 			const hasStroke = stroke && stroke !== "none";
@@ -259,6 +266,7 @@ var Radar = /* @__PURE__ */ defineComponent({
 				createVNode(Animate, {
 					"key": animationId,
 					"isActive": true,
+					"transition": props.transition,
 					"onAnimationStart": () => {
 						isAnimating.value = true;
 					},

package/dist/es/polar/radial-bar/RadialBar.mjs

@@ -165,6 +165,7 @@ var RadialBar = /* @__PURE__ */ defineComponent({
 				createVNode(Animate, {
 					"key": animationId,
 					"isActive": true,
+					"transition": props.transition,
 					"onAnimationStart": () => {
 						isAnimating.value = true;
 					},

package/dist/es/polar/radial-bar/type.mjs

@@ -64,6 +64,13 @@ var RadialBarVueProps = {
 		type: Boolean,
 		default: true
 	},
+	transition: {
+		type: Object,
+		default: () => ({
+			duration: .4,
+			ease: "easeOut"
+		})
+	},
 	minPointSize: {
 		type: Number,
 		default: 0

package/dist/es/utils/Global.mjs

@@ -0,0 +1,18 @@
+//#region src/utils/Global.ts
+function parseIsSsrByDefault() {
+	return typeof window === "undefined";
+}
+var Global = {
+	isSsr: parseIsSsrByDefault(),
+	get(key) {
+		return Global[key];
+	},
+	set(key, value) {
+		if (typeof key === "string") Global[key] = value;
+		else Object.keys(key).forEach((k) => {
+			Global[k] = key[k];
+		});
+	}
+};
+//#endregion
+export { Global };

package/dist/es/utils/attrs.mjs

@@ -1,4 +1,4 @@
-import { isSsr } from "./validate.mjs";
+import { Global } from "./Global.mjs";
 //#region src/utils/attrs.ts
 var stringCache = {
 	widthCache: {},
@@ -23,7 +23,7 @@ function removeInvalidKeys(obj) {
 	return copyObj;
 }
 function getStringSize(text, style = {}) {
-	if (text === void 0 || text === null || isSsr) return {
+	if (text === void 0 || text === null || Global.isSsr) return {
 		width: 0,
 		height: 0
 	};

package/dist/es/utils/validate.mjs

@@ -28,7 +28,6 @@ function isVisible(sign, tickPosition, getSize, start, end) {
 	const size = getSize();
 	return sign * (tickPosition - sign * size / 2 - start) >= 0 && sign * (tickPosition + sign * size / 2 - end) <= 0;
 }
-var isSsr = typeof window === "undefined";
 /**
 * Checks if the value is null or undefined
 * @param {any} value The value to check
@@ -39,4 +38,4 @@ function isNullish(value) {
 }
 var isNumOrStr = (value) => isNumber(value) || typeof value === "string";
 //#endregion
-export { isCategoricalAxis, isNan, isNullish, isNumOrStr, isNumber, isPercent, isSsr, isVisible, isWellBehavedNumber, validateWidthHeight };
+export { isCategoricalAxis, isNan, isNullish, isNumOrStr, isNumber, isPercent, isVisible, isWellBehavedNumber, validateWidthHeight };

package/dist/hooks/publicHooks.d.ts

@@ -33,7 +33,7 @@ export declare function useActiveTooltipCoordinate(): Readonly<import('vue').Sha
  *
  * @returns A reactive string label or undefined when no tooltip is active
  */
-export declare function useActiveTooltipLabel(): Readonly<import('vue').ShallowRef<string>>;
+export declare function useActiveTooltipLabel(): Readonly<import('vue').ShallowRef<string | number>>;
 /**
  * Returns the plot area rectangle { x, y, width, height }.
  * This is the area inside all axes, legend, and brush — where graphical items render.

package/dist/index.d.ts

@@ -5,3 +5,5 @@ export * from './components';
 export * from './polar';
 export * from './shape';
 export * from './hooks/publicHooks';
+export { Global } from './utils/Global';
+export type { GlobalConfig, GlobalConfigKeys } from './utils/Global';

package/dist/polar/pie/type.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import { AnimationOptions } from 'motion-v';
 import { DataKey, VuePropsToType, WithSVGProps } from '../../types';
 import { LegendType } from '../../types/legend';
 import { TooltipType } from '../../types/tooltip';
@@ -75,6 +76,13 @@ export declare const PieVueProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    transition: {
+        type: PropType<AnimationOptions>;
+        default: () => {
+            duration: number;
+            ease: string;
+        };
+    };
     label: {
         type: BooleanConstructor;
         default: boolean;

package/dist/polar/radar/Radar.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import { AnimationOptions } from 'motion-v';
 import { DataKey } from '../../types';
 import { LegendType } from '../../types/legend';
 import { TooltipType } from '../../types/tooltip';
@@ -67,6 +68,13 @@ export declare const Radar: import('vue').DefineComponent<import('vue').ExtractP
         type: BooleanConstructor;
         default: boolean;
     };
+    transition: {
+        type: PropType<AnimationOptions>;
+        default: () => {
+            duration: number;
+            ease: string;
+        };
+    };
     activeDot: {
         type: PropType<object | boolean>;
         default: boolean;
@@ -136,6 +144,13 @@ export declare const Radar: import('vue').DefineComponent<import('vue').ExtractP
         type: BooleanConstructor;
         default: boolean;
     };
+    transition: {
+        type: PropType<AnimationOptions>;
+        default: () => {
+            duration: number;
+            ease: string;
+        };
+    };
     activeDot: {
         type: PropType<object | boolean>;
         default: boolean;
@@ -146,6 +161,7 @@ export declare const Radar: import('vue').DefineComponent<import('vue').ExtractP
     stroke: string;
     strokeDasharray: string;
     strokeWidth: number;
+    transition: AnimationOptions;
     name: string;
     label: boolean | Record<string, any>;
     connectNulls: boolean;

package/dist/polar/radial-bar/type.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import { AnimationOptions } from 'motion-v';
 import { DataKey, VuePropsToType, WithSVGProps } from '../../types';
 import { LegendType } from '../../types/legend';
 import { TooltipType } from '../../types/tooltip';
@@ -64,6 +65,13 @@ export declare const RadialBarVueProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    transition: {
+        type: PropType<AnimationOptions>;
+        default: () => {
+            duration: number;
+            ease: string;
+        };
+    };
     minPointSize: {
         type: NumberConstructor;
         default: number;

package/dist/state/selectors/combiners/combineActiveLabel.d.ts

@@ -1,3 +1,3 @@
 import { TooltipIndex } from '../../tooltipSlice';
 import { TickItem } from '../../../types';
-export declare function combineActiveLabel(tooltipTicks: ReadonlyArray<TickItem>, activeIndex: TooltipIndex): string | undefined;
+export declare function combineActiveLabel(tooltipTicks: ReadonlyArray<TickItem>, activeIndex: TooltipIndex): string | number | undefined;

package/dist/state/selectors/selectors.d.ts

@@ -175,7 +175,7 @@ export declare function selectTooltipDataKey(state: RechartsRootState, tooltipEv
 export declare const selectTooltipPayloadConfigurations: (state: RechartsRootState, tooltipEventType: TooltipEventType, trigger: TooltipTrigger, defaultIndex: TooltipIndex | undefined) => ReadonlyArray<TooltipPayloadConfiguration>;
 export declare const selectCoordinateForDefaultIndex: (state: RechartsRootState, tooltipEventType: TooltipEventType, trigger: TooltipTrigger, defaultIndex: TooltipIndex | undefined) => Coordinate | undefined;
 export declare const selectActiveCoordinate: (state: RechartsRootState, tooltipEventType: TooltipEventType, trigger: TooltipTrigger, defaultIndex: TooltipIndex | undefined) => Coordinate | undefined;
-export declare const selectActiveLabel: (state: RechartsRootState, tooltipEventType: TooltipEventType, trigger: TooltipTrigger, defaultIndex: TooltipIndex | undefined) => string | undefined;
+export declare const selectActiveLabel: (state: RechartsRootState, tooltipEventType: TooltipEventType, trigger: TooltipTrigger, defaultIndex: TooltipIndex | undefined) => string | number | undefined;
 export declare const selectTooltipPayload: (state: RechartsRootState, tooltipEventType: TooltipEventType, trigger: TooltipTrigger, defaultIndex: TooltipIndex | undefined) => TooltipPayload | undefined;
 export declare const selectIsTooltipActive: (state: RechartsRootState, tooltipEventType: TooltipEventType, trigger: TooltipTrigger, defaultIndex: TooltipIndex | undefined) => {
     isActive: boolean;

package/dist/state/selectors/tooltipSelectors.d.ts

@@ -518,7 +518,7 @@ export declare const selectTooltipAxisTicks: ((state: {
     memoize: typeof import('@reduxjs/toolkit').weakMapMemoize;
 };
 export declare const selectActiveTooltipIndex: (state: RechartsRootState) => TooltipIndex | null;
-export declare const selectActiveLabel: (state: RechartsRootState) => string | undefined;
+export declare const selectActiveLabel: (state: RechartsRootState) => string | number | undefined;
 export declare const selectActiveTooltipDataKey: (state: RechartsRootState) => DataKey<any> | undefined;
 export declare const selectActiveTooltipCoordinate: (state: RechartsRootState) => Coordinate | undefined;
 export declare const selectIsTooltipActive: (state: RechartsRootState) => boolean;

package/dist/types/common.d.ts

@@ -49,7 +49,7 @@ export type MouseHandlerDataParam = {
      * Exactly the same as activeTooltipIndex - this was also duplicated in recharts@2 so let's keep both properties for better backwards compatibility.
      */
     activeIndex: number | TooltipIndex | undefined;
-    activeLabel: string | undefined;
+    activeLabel: string | number | undefined;
     activeDataKey: DataKey<any> | undefined;
     activeCoordinate: Coordinate | undefined;
 };

package/dist/utils/Global.d.ts

@@ -0,0 +1,9 @@
+export type GlobalConfigKeys = 'isSsr';
+export interface GlobalConfig {
+    isSsr?: boolean;
+}
+export declare const Global: {
+    isSsr: boolean;
+    get(key: GlobalConfigKeys): boolean;
+    set(key: GlobalConfigKeys | GlobalConfig, value?: any): void;
+};

package/dist/utils/index.d.ts

@@ -1,4 +1,5 @@
 export * from './style';
 export * from './validate';
 export * from './data-utils';
+export * from './Global';
 export * from './log';

package/dist/utils/validate.d.ts

@@ -15,7 +15,6 @@ export declare function isWellBehavedNumber(n: unknown): n is number;
 export declare function isPercent(value: string | number): value is `${number}%`;
 export declare function isCategoricalAxis(layout: LayoutType, axisType: AxisType): boolean;
 export declare function isVisible(sign: number, tickPosition: number, getSize: () => number, start: number, end: number): boolean;
-export declare const isSsr: boolean;
 /**
  * Checks if the value is null or undefined
  * @param {any} value The value to check

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vccs",
   "type": "module",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "Composable charting components for Vue 3 — an unofficial port of Recharts",
   "author": "rick-hup",
   "license": "MIT",
@@ -48,6 +48,7 @@
     "@reduxjs/vue-redux": "^1.0.1",
     "@vueuse/core": "^13.1.0",
     "d3-hierarchy": "^3.1.2",
+    "d3-sankey": "^0.12.3",
     "decimal.js-light": "^2.5.1",
     "es-toolkit": "^1.39.3",
     "eventemitter3": "^5.0.1",
@@ -56,6 +57,7 @@
     "victory-vendor": "^37.3.6"
   },
   "devDependencies": {
+    "@types/d3-sankey": "^0.12.5",
     "@types/lodash-es": "^4.17.12",
     "@vitejs/plugin-vue-jsx": "^5.0.0",
     "@vue/babel-plugin-jsx": "^1.1.1",