vccs 0.1.0 → 0.3.0

package/dist/types/categorical.d.ts

@@ -1,4 +1,4 @@
-import { DataKey, LayoutType, Margin, StackOffsetType, SyncMethod } from './common';
+import { DataKey, LayoutType, Margin, StackOffsetType, SyncMethod, VueClassValue } from './common';
 import { ExternalMouseEvents } from './event';
 export interface CategoricalChartProps extends Partial<ExternalMouseEvents> {
     accessibilityLayer?: boolean;
@@ -6,7 +6,7 @@ export interface CategoricalChartProps extends Partial<ExternalMouseEvents> {
     barGap?: number | string;
     barSize?: number | string;
     children?: any;
-    class?: string;
+    class?: VueClassValue;
     compact?: boolean;
     cx?: number | string;
     cy?: number | string;

package/dist/types/common.d.ts

@@ -73,7 +73,6 @@ export interface Size {
     width: number;
     height: number;
 }
-export type AnimationDuration = number;
 /**
  * Coordinates relative to the top-left corner of the chart.
  * Also include scale which means that a chart that's scaled will return the same coordinates as a chart that's not scaled.
@@ -126,4 +125,11 @@ export type AllowInDimension = {
     x?: boolean;
     y?: boolean;
 };
+/** Vue class binding type: string, string[], or { [className]: boolean } */
+export type VueClassValue = string | string[] | Record<string, boolean>;
+/** Shared Vue prop definition for `class` — use in VueProps objects to avoid repetition */
+export declare const classProp: {
+    type: PropType<VueClassValue>;
+    default: any;
+};
 export {};

package/dist/types/tooltip.d.ts

@@ -1,4 +1,4 @@
-import { DataKey } from './common';
+import { DataKey, VueClassValue } from './common';
 /**
  * null means no active index
  * string means: whichever index from the chart data it is.
@@ -27,7 +27,7 @@ export interface Payload<TValue extends ValueType, TName extends NameType> {
     stroke?: string;
     strokeDasharray?: string | number;
     strokeWidth?: number | string;
-    className?: string;
+    class?: VueClassValue;
     hide?: boolean;
     formatter?: Formatter<TValue, TName>;
 }

package/dist/utils/cell.d.ts

@@ -0,0 +1,11 @@
+import { VNode } from 'vue';
+/**
+ * Extract Cell VNode props from a VNode tree.
+ * Handles Fragment wrapping from v-for.
+ */
+export declare function extractCellProps(vnodes: VNode[]): Record<string, any>[];
+/**
+ * Filter out Cell VNodes from a VNode tree, preserving non-Cell siblings.
+ * Recursively descends Fragment children to preserve co-located content (e.g. LabelList).
+ */
+export declare function filterOutCells(vnodes: VNode[]): VNode[];

package/dist/utils/createCategoricalInverse.d.ts

@@ -0,0 +1,16 @@
+import { RechartsScale } from '../types/scale';
+export type InverseScaleFunction = (pixelValue: number) => unknown;
+/**
+ * Binary search for sorted arrays (ascending or descending).
+ */
+export declare function bisect(haystack: ReadonlyArray<number>, needle: number): number;
+/**
+ * Creates an inverse scale function for categorical/ordinal scales.
+ * Uses bisect to find the closest domain value for a given pixel coordinate.
+ */
+export declare function createCategoricalInverse(scale: RechartsScale | undefined, allDataPointsOnAxis?: ReadonlyArray<unknown>): InverseScaleFunction | undefined;
+/**
+ * Creates an inverse function: uses native `.invert` for numeric scales,
+ * falls back to categorical bisect for ordinal/band/point scales.
+ */
+export declare function combineInverseScaleFunction(scale: RechartsScale | undefined): InverseScaleFunction | undefined;

package/dist/utils/scale.d.ts

@@ -0,0 +1,23 @@
+import { RechartsScale } from '../types/scale';
+/**
+ * Convert a data value to pixel coordinate using a D3 scale.
+ * Automatically centers on band-scale categories by adding half the bandwidth.
+ */
+export declare function scaleCoord(scale: RechartsScale, value: number | string): number | undefined;
+/**
+ * Convert a data value to pixel coordinate for range boundaries.
+ * `start` returns the left/top edge; `end` returns the right/bottom edge (adding full bandwidth).
+ */
+export declare function scaleValue(scale: RechartsScale, value: number | string, position: 'start' | 'end'): number | undefined;
+/**
+ * Check whether a pixel coordinate falls within the scale's output range.
+ */
+export declare function isInRange(scale: RechartsScale, coord: number): boolean;
+/**
+ * Get the minimum value of a scale's range.
+ */
+export declare function rangeMin(scale: RechartsScale): number;
+/**
+ * Get the maximum value of a scale's range.
+ */
+export declare function rangeMax(scale: RechartsScale): number;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vccs",
   "type": "module",
-  "version": "0.1.0",
+  "version": "0.3.0",
   "description": "Composable charting components for Vue 3 — an unofficial port of Recharts",
   "author": "rick-hup",
   "license": "MIT",
@@ -47,6 +47,7 @@
     "@reduxjs/toolkit": "^2.8.2",
     "@reduxjs/vue-redux": "^1.0.1",
     "@vueuse/core": "^13.1.0",
+    "d3-hierarchy": "^3.1.2",
     "decimal.js-light": "^2.5.1",
     "es-toolkit": "^1.39.3",
     "eventemitter3": "^5.0.1",