vccs 0.6.0 → 1.0.0-beta.2

package/dist/cartesian/reference-line/ReferenceLine.d.ts

@@ -1,14 +1,22 @@
-import { PropType } from 'vue';
-import { AxisId } from '../../state/cartesianAxisSlice';
-import { IfOverflow } from '../../types';
-export declare const ReferenceLineVueProps: {
+import { ExtractPropTypes, PropType, SlotsType, VNodeChild } from 'vue';
+import { AxisId } from '../../types/axisSettings.js';
+import { IfOverflow } from '../../types/index.js';
+export interface ReferenceLineSlots {
+    shape?: (props: {
+        x1: number;
+        y1: number;
+        x2: number;
+        y2: number;
+    }) => VNodeChild;
+}
+export declare const ReferenceLine: import('../../utils/attributes.js').WithAttributes<import('vue').DefineComponent<ExtractPropTypes<{
     x: {
         type: PropType<number | string>;
-        default: any;
+        default: undefined;
     };
     y: {
         type: PropType<number | string>;
-        default: any;
+        default: undefined;
     };
     xAxisId: {
         type: PropType<AxisId>;
@@ -23,7 +31,7 @@ export declare const ReferenceLineVueProps: {
         default: string;
     };
     strokeWidth: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     fill: {
@@ -31,26 +39,27 @@ export declare const ReferenceLineVueProps: {
         default: string;
     };
     label: {
-        type: PropType<string | number | boolean | Record<string, any>>;
-        default: any;
+        type: PropType<string | number | boolean | Record<string, unknown>>;
+        default: undefined;
     };
     ifOverflow: {
         type: PropType<IfOverflow>;
         default: string;
     };
     class: {
-        type: PropType<import('../../types').VueClassValue>;
-        default: any;
+        type: PropType<import('../../types/index.js').VueClassValue>;
+        default: undefined;
     };
-};
-export declare const ReferenceLine: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ExtractPropTypes<{
     x: {
         type: PropType<number | string>;
-        default: any;
+        default: undefined;
     };
     y: {
         type: PropType<number | string>;
-        default: any;
+        default: undefined;
     };
     xAxisId: {
         type: PropType<AxisId>;
@@ -65,7 +74,7 @@ export declare const ReferenceLine: import('vue').DefineComponent<import('vue').
         default: string;
     };
     strokeWidth: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     fill: {
@@ -73,67 +82,26 @@ export declare const ReferenceLine: import('vue').DefineComponent<import('vue').
         default: string;
     };
     label: {
-        type: PropType<string | number | boolean | Record<string, any>>;
-        default: any;
+        type: PropType<string | number | boolean | Record<string, unknown>>;
+        default: undefined;
     };
     ifOverflow: {
         type: PropType<IfOverflow>;
         default: string;
     };
     class: {
-        type: PropType<import('../../types').VueClassValue>;
-        default: any;
-    };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    x: {
-        type: PropType<number | string>;
-        default: any;
-    };
-    y: {
-        type: PropType<number | string>;
-        default: any;
-    };
-    xAxisId: {
-        type: PropType<AxisId>;
-        default: number;
-    };
-    yAxisId: {
-        type: PropType<AxisId>;
-        default: number;
-    };
-    stroke: {
-        type: StringConstructor;
-        default: string;
-    };
-    strokeWidth: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    fill: {
-        type: StringConstructor;
-        default: string;
-    };
-    label: {
-        type: PropType<string | number | boolean | Record<string, any>>;
-        default: any;
-    };
-    ifOverflow: {
-        type: PropType<IfOverflow>;
-        default: string;
-    };
-    class: {
-        type: PropType<import('../../types').VueClassValue>;
-        default: any;
+        type: PropType<import('../../types/index.js').VueClassValue>;
+        default: undefined;
     };
 }>> & Readonly<{}>, {
     fill: string;
+    stroke: string;
+    strokeWidth: string | number;
+    class: import('../../types/index.js').VueClassValue;
     x: string | number;
     y: string | number;
-    yAxisId: AxisId;
+    label: string | number | boolean | Record<string, unknown>;
     xAxisId: AxisId;
+    yAxisId: AxisId;
     ifOverflow: IfOverflow;
-    class: import('../../types').VueClassValue;
-    stroke: string;
-    strokeWidth: string | number;
-    label: string | number | boolean | Record<string, any>;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, SlotsType<ReferenceLineSlots>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, import('../../utils/attributes.js').SvgTemplateAttributes>;

package/dist/cartesian/scatter/Scatter.d.ts

@@ -1,10 +1,8 @@
-import { PropType, SlotsType } from 'vue';
-import { AnimationOptions } from 'motion-v';
-import { SymbolType } from '../../shape/Symbols';
-import { CurveType } from '../../shape/Curve';
-import { DataKey } from '../../types';
-import { TooltipType } from '../../types/tooltip';
-export declare const Scatter: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { ExtractPropTypes, PropType, SlotsType } from 'vue';
+import { SymbolType } from '../../shape/Symbols.js';
+import { ScatterPointItem } from '../../types/common.js';
+import { ScatterSlots } from './type.js';
+export declare const Scatter: import('../../utils/attributes.js').WithAttributes<import('vue').DefineComponent<ExtractPropTypes<{
     xAxisId: {
         type: PropType<string | number>;
         default: number;
@@ -18,16 +16,16 @@ export declare const Scatter: import('vue').DefineComponent<import('vue').Extrac
         default: number;
     };
     dataKey: {
-        type: PropType<DataKey<any>>;
-        default: any;
+        type: PropType<import('../../types/base.js').ChartDataKey>;
+        default: undefined;
     };
     data: {
-        type: PropType<ReadonlyArray<Record<string, any>>>;
-        default: any;
+        type: PropType<ReadonlyArray<Record<string, unknown>>>;
+        default: undefined;
     };
     name: {
         type: PropType<string | number>;
-        default: any;
+        default: undefined;
     };
     hide: {
         type: BooleanConstructor;
@@ -35,7 +33,7 @@ export declare const Scatter: import('vue').DefineComponent<import('vue').Extrac
     };
     fill: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     shape: {
         type: PropType<SymbolType>;
@@ -43,7 +41,7 @@ export declare const Scatter: import('vue').DefineComponent<import('vue').Extrac
     };
     isAnimationActive: {
         type: BooleanConstructor;
-        default: boolean;
+        default: undefined;
     };
     line: {
         type: (ObjectConstructor | BooleanConstructor)[];
@@ -54,7 +52,7 @@ export declare const Scatter: import('vue').DefineComponent<import('vue').Extrac
         default: string;
     };
     lineJointType: {
-        type: PropType<CurveType>;
+        type: PropType<import('../../shape/Curve.js').CurveType>;
         default: string;
     };
     label: {
@@ -62,18 +60,30 @@ export declare const Scatter: import('vue').DefineComponent<import('vue').Extrac
         default: boolean;
     };
     legendType: {
-        type: StringConstructor;
+        type: PropType<import('../../types/legend.js').LegendType>;
         default: string;
     };
     tooltipType: {
-        type: PropType<TooltipType>;
-        default: any;
+        type: PropType<import('../../types/index.js').TooltipType>;
+        default: undefined;
     };
     transition: {
-        type: PropType<AnimationOptions>;
-        default: any;
-    };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        type: PropType<import('motion-v').ValueAnimationTransition<number>>;
+        default: undefined;
+    };
+    class: {
+        type: PropType<import('../../types/common.js').VueClassValue>;
+        default: undefined;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (_entry: ScatterPointItem, _index: number, _event: MouseEvent) => boolean;
+    mouseenter: (_entry: ScatterPointItem, _index: number, _event: MouseEvent) => boolean;
+    mouseleave: (_entry: ScatterPointItem, _index: number, _event: MouseEvent) => boolean;
+    'animation-start': () => boolean;
+    'animation-end': () => boolean;
+}, string, import('vue').PublicProps, Readonly<ExtractPropTypes<{
     xAxisId: {
         type: PropType<string | number>;
         default: number;
@@ -87,16 +97,16 @@ export declare const Scatter: import('vue').DefineComponent<import('vue').Extrac
         default: number;
     };
     dataKey: {
-        type: PropType<DataKey<any>>;
-        default: any;
+        type: PropType<import('../../types/base.js').ChartDataKey>;
+        default: undefined;
     };
     data: {
-        type: PropType<ReadonlyArray<Record<string, any>>>;
-        default: any;
+        type: PropType<ReadonlyArray<Record<string, unknown>>>;
+        default: undefined;
     };
     name: {
         type: PropType<string | number>;
-        default: any;
+        default: undefined;
     };
     hide: {
         type: BooleanConstructor;
@@ -104,7 +114,7 @@ export declare const Scatter: import('vue').DefineComponent<import('vue').Extrac
     };
     fill: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     shape: {
         type: PropType<SymbolType>;
@@ -112,7 +122,7 @@ export declare const Scatter: import('vue').DefineComponent<import('vue').Extrac
     };
     isAnimationActive: {
         type: BooleanConstructor;
-        default: boolean;
+        default: undefined;
     };
     line: {
         type: (ObjectConstructor | BooleanConstructor)[];
@@ -123,7 +133,7 @@ export declare const Scatter: import('vue').DefineComponent<import('vue').Extrac
         default: string;
     };
     lineJointType: {
-        type: PropType<CurveType>;
+        type: PropType<import('../../shape/Curve.js').CurveType>;
         default: string;
     };
     label: {
@@ -131,35 +141,44 @@ export declare const Scatter: import('vue').DefineComponent<import('vue').Extrac
         default: boolean;
     };
     legendType: {
-        type: StringConstructor;
+        type: PropType<import('../../types/legend.js').LegendType>;
         default: string;
     };
     tooltipType: {
-        type: PropType<TooltipType>;
-        default: any;
+        type: PropType<import('../../types/index.js').TooltipType>;
+        default: undefined;
     };
     transition: {
-        type: PropType<AnimationOptions>;
-        default: any;
-    };
-}>> & Readonly<{}>, {
-    fill: string;
-    yAxisId: string | number;
-    xAxisId: string | number;
-    line: boolean | Record<string, any>;
-    dataKey: DataKey<any>;
-    transition: AnimationOptions;
+        type: PropType<import('motion-v').ValueAnimationTransition<number>>;
+        default: undefined;
+    };
+    class: {
+        type: PropType<import('../../types/common.js').VueClassValue>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onClick?: ((_entry: ScatterPointItem, _index: number, _event: MouseEvent) => any) | undefined;
+    onMouseenter?: ((_entry: ScatterPointItem, _index: number, _event: MouseEvent) => any) | undefined;
+    onMouseleave?: ((_entry: ScatterPointItem, _index: number, _event: MouseEvent) => any) | undefined;
+    "onAnimation-start"?: (() => any) | undefined;
+    "onAnimation-end"?: (() => any) | undefined;
+}>, {
+    dataKey: import('../../types/base.js').ChartDataKey;
     name: string | number;
-    data: readonly Record<string, any>[];
-    label: boolean | Record<string, any>;
     hide: boolean;
-    tooltipType: "none";
-    legendType: string;
-    isAnimationActive: boolean;
-    zAxisId: string | number;
+    fill: string;
+    class: import('../../types/common.js').VueClassValue;
     shape: SymbolType;
+    label: boolean | Record<string, any>;
+    line: boolean | Record<string, any>;
+    xAxisId: string | number;
+    yAxisId: string | number;
+    zAxisId: string | number;
+    data: readonly Record<string, unknown>[];
+    isAnimationActive: boolean;
+    transition: import('motion-v').ValueAnimationTransition<number>;
+    tooltipType: "none";
+    legendType: import('../../types/legend.js').LegendType;
     lineType: "fitting" | "joint";
-    lineJointType: CurveType;
-}, SlotsType<{
-    default?: () => any;
-}>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    lineJointType: import('../../shape/Curve.js').CurveType;
+}, SlotsType<ScatterSlots>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, import('../../utils/attributes.js').SvgTemplateAttributes>;

package/dist/cartesian/scatter/hooks/useScatter.d.ts

@@ -1,18 +1,19 @@
-import { DataKey } from '../../../types';
+import { ChartDataKey } from '../../../types/base.js';
+import { TooltipType } from '../../../types/index.js';
 export interface ScatterProps {
     xAxisId?: string | number;
     yAxisId?: string | number;
     zAxisId?: string | number;
-    dataKey?: DataKey<any>;
-    data?: ReadonlyArray<Record<string, any>>;
+    dataKey?: ChartDataKey;
+    data?: ReadonlyArray<unknown>;
     name?: string | number;
     hide?: boolean;
     fill?: string;
     stroke?: string;
     isAnimationActive?: boolean;
-    tooltipType?: string;
+    tooltipType?: TooltipType;
 }
 export declare function useScatter(props: ScatterProps): {
     shouldRender: import('vue').ComputedRef<boolean>;
-    points: Readonly<import('vue').ShallowRef<readonly import('../../../types').ScatterPointItem[]>>;
+    points: import('vue').ComputedRef<readonly import('../../../types/index.js').ScatterPointItem[] | undefined>;
 };

package/dist/cartesian/scatter/type.d.ts

@@ -0,0 +1,89 @@
+import { PropType, VNode, VNodeChild } from 'vue';
+import { ValueAnimationTransition } from 'motion-v';
+import { ChartDataKey } from '../../types/base.js';
+import { SymbolType } from '../../shape/Symbols.js';
+import { CurveType } from '../../shape/Curve.js';
+import { TooltipType } from '../../types/tooltip.js';
+import { LegendType } from '../../types/legend.js';
+import { ScatterPointItem } from '../../types/common.js';
+export declare const ScatterVueProps: {
+    xAxisId: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    yAxisId: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    zAxisId: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    dataKey: {
+        type: PropType<ChartDataKey>;
+        default: undefined;
+    };
+    data: {
+        type: PropType<ReadonlyArray<Record<string, unknown>>>;
+        default: undefined;
+    };
+    name: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    hide: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fill: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    shape: {
+        type: PropType<SymbolType>;
+        default: string;
+    };
+    isAnimationActive: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    line: {
+        type: (ObjectConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
+    lineType: {
+        type: PropType<"fitting" | "joint">;
+        default: string;
+    };
+    lineJointType: {
+        type: PropType<CurveType>;
+        default: string;
+    };
+    label: {
+        type: (ObjectConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
+    legendType: {
+        type: PropType<LegendType>;
+        default: string;
+    };
+    tooltipType: {
+        type: PropType<TooltipType>;
+        default: undefined;
+    };
+    transition: {
+        type: PropType<ValueAnimationTransition<number>>;
+        default: undefined;
+    };
+    class: {
+        type: PropType<import('../../types/index.js').VueClassValue>;
+        default: undefined;
+    };
+};
+export interface ScatterSlots {
+    shape?: (props: ScatterPointItem & {
+        index: number;
+        isActive: boolean;
+    }) => VNodeChild;
+    default?: () => VNode[];
+}

package/dist/cartesian/useNeedsClip.d.ts

@@ -1,5 +1,6 @@
-import { AxisId } from '../types/axis';
-export declare function useNeedsClip(xAxisId: AxisId, yAxisId: AxisId): {
+import { AxisId } from '../types/axis.js';
+import { MaybeRefOrGetter } from 'vue';
+export declare function useNeedsClip(xAxisId: MaybeRefOrGetter<AxisId>, yAxisId: MaybeRefOrGetter<AxisId>): {
     needClip: import('vue').ComputedRef<boolean>;
     needClipX: import('vue').ComputedRef<boolean>;
     needClipY: import('vue').ComputedRef<boolean>;

package/dist/cartesian/utils/get-ticks.d.ts

@@ -1,7 +1,6 @@
-import { CartesianViewBoxRequired } from '../type';
-import { CartesianAxisSettings, XAxisOrientation, YAxisOrientation } from '../../types/axis';
-import { CartesianTickItem } from '../../types/tick';
-export type Sign = 0 | 1 | -1;
+import { CartesianViewBoxRequired } from '../../types/viewBox.js';
+import { CartesianAxisSettings, XAxisOrientation, YAxisOrientation } from '../../types/axis.js';
+import { CartesianTickItem } from '../../types/tick.js';
 export type GetTicksInput = {
     angle: number;
     interval: CartesianAxisSettings['interval'];
@@ -10,7 +9,7 @@ export type GetTicksInput = {
     tick: CartesianAxisSettings['tick'];
     tickFormatter: CartesianAxisSettings['tickFormatter'];
     ticks: ReadonlyArray<CartesianTickItem>;
-    unit: CartesianAxisSettings['unit'];
+    unit: string | number | undefined;
     viewBox: CartesianViewBoxRequired;
 };
-export declare function getTicks(props: GetTicksInput, fontSize?: string, letterSpacing?: string): ReadonlyArray<CartesianTickItem>;
+export declare function getTicks(props: GetTicksInput, fontSize?: string, letterSpacing?: string, canMeasure?: boolean): ReadonlyArray<CartesianTickItem>;

package/dist/cartesian/z-axis/ZAxis.d.ts

@@ -1,20 +1,19 @@
+import { ChartDataKey } from '../../types/base.js';
 import { PropType } from 'vue';
-import { AxisRange } from '../../state/selectors/axisSelectors';
-import { DataKey } from '../../types';
-import { AxisDomain } from '../../types/axis';
-import { ScaleType } from '../../types/scale';
+import { AxisDomain, AxisRange } from '../../types/axis.js';
+import { ScaleType } from '../../types/scale.js';
 export declare const ZAxis: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     zAxisId: {
         type: PropType<string | number>;
         default: number;
     };
     dataKey: {
-        type: PropType<DataKey<any>>;
-        default: any;
+        type: PropType<ChartDataKey>;
+        default: undefined;
     };
     type: {
         type: PropType<"number" | "category">;
-        default: import('../../types/axis').AxisDomainType;
+        default: "number" | "category";
     };
     range: {
         type: PropType<[number, number]>;
@@ -22,32 +21,32 @@ export declare const ZAxis: import('vue').DefineComponent<import('vue').ExtractP
     };
     domain: {
         type: PropType<AxisDomain>;
-        default: any;
+        default: undefined;
     };
     scale: {
         type: PropType<ScaleType>;
-        default: ScaleType | import('../../types/scale').RechartsScale;
+        default: import('../../types/scale.js').AxisScale | undefined;
     };
     name: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     unit: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
-}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, () => null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     zAxisId: {
         type: PropType<string | number>;
         default: number;
     };
     dataKey: {
-        type: PropType<DataKey<any>>;
-        default: any;
+        type: PropType<ChartDataKey>;
+        default: undefined;
     };
     type: {
         type: PropType<"number" | "category">;
-        default: import('../../types/axis').AxisDomainType;
+        default: "number" | "category";
     };
     range: {
         type: PropType<[number, number]>;
@@ -55,27 +54,27 @@ export declare const ZAxis: import('vue').DefineComponent<import('vue').ExtractP
     };
     domain: {
         type: PropType<AxisDomain>;
-        default: any;
+        default: undefined;
     };
     scale: {
         type: PropType<ScaleType>;
-        default: ScaleType | import('../../types/scale').RechartsScale;
+        default: import('../../types/scale.js').AxisScale | undefined;
     };
     name: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     unit: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
 }>> & Readonly<{}>, {
     unit: string;
     scale: ScaleType;
     type: "number" | "category";
-    dataKey: DataKey<any>;
+    dataKey: ChartDataKey;
     name: string;
+    domain: AxisDomain;
     range: [number, number];
     zAxisId: string | number;
-    domain: AxisDomain;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;