vccs 0.0.1 → 0.2.0

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

@@ -0,0 +1,180 @@
+import { AnimationDuration, DataKey, LayoutType, TooltipType, VuePropsToType, WithSVGProps } from '../../types';
+import { AxisId } from '../../types/axis';
+import { AnimationEasing } from '../../types/bar';
+import { AnimationOptions } from 'motion-v';
+import { LegendType } from '../../types/legend';
+import { CurveFactory } from 'victory-vendor/d3-shape';
+import { CurveType, Point } from '../../shape/Curve';
+import { PropType } from 'vue';
+export interface LinePointItem extends Point {
+    readonly value?: number;
+    readonly payload?: any;
+}
+export interface LineProps {
+    activeDot?: any;
+    animateNewValues?: boolean;
+    animationBegin?: number;
+    animationDuration?: AnimationDuration;
+    animationEasing?: AnimationEasing;
+    animationId?: string;
+    className?: string;
+    connectNulls?: boolean;
+    data?: any[];
+    dataKey: DataKey<any>;
+    dot?: any;
+    hide?: boolean;
+    id?: string;
+    isAnimationActive?: boolean;
+    label?: any;
+    legendType?: LegendType;
+    layout?: LayoutType;
+    name?: string | number;
+    onAnimationEnd?: () => void;
+    onAnimationStart?: () => void;
+    stroke?: string;
+    strokeWidth?: number;
+    tooltipType?: TooltipType;
+    transition?: AnimationOptions;
+    type?: CurveType;
+    unit?: string | number;
+    xAxisId?: AxisId;
+    yAxisId?: AxisId;
+    needClip?: boolean;
+}
+export declare const LineVueProps: {
+    activeDot: {
+        type: (ObjectConstructor | FunctionConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
+    animationDuration: {
+        type: NumberConstructor;
+    };
+    animationEasing: {
+        type: StringConstructor;
+    };
+    animationBegin: {
+        type: NumberConstructor;
+        default: number;
+    };
+    animationId: {
+        type: StringConstructor;
+    };
+    isAnimationActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    connectNulls: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    data: {
+        type: ArrayConstructor;
+        default: any;
+    };
+    dataKey: {
+        type: PropType<DataKey<any>>;
+        required: boolean;
+    };
+    dot: {
+        type: (ObjectConstructor | FunctionConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
+    hide: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: (ObjectConstructor | BooleanConstructor)[];
+    };
+    legendType: {
+        type: PropType<LegendType>;
+        default: string;
+    };
+    onAnimationEnd: {
+        type: FunctionConstructor;
+    };
+    onAnimationStart: {
+        type: FunctionConstructor;
+    };
+    stroke: {
+        type: StringConstructor;
+        default: string;
+    };
+    strokeWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    tooltipType: {
+        type: PropType<TooltipType>;
+    };
+    transition: {
+        type: PropType<AnimationOptions>;
+        default: () => {
+            duration: number;
+            ease: string;
+        };
+    };
+    type: {
+        type: PropType<CurveType | CurveFactory>;
+    };
+    unit: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    xAxisId: {
+        type: PropType<AxisId>;
+        default: number;
+    };
+    yAxisId: {
+        type: PropType<AxisId>;
+        default: number;
+    };
+    needClip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: {
+        type: StringConstructor;
+    };
+    activeIndex: {
+        type: NumberConstructor;
+    };
+    activePoint: {
+        type: ObjectConstructor;
+    };
+    left: {
+        type: NumberConstructor;
+        default: number;
+    };
+    top: {
+        type: NumberConstructor;
+        default: number;
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    name: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    class: {
+        type: StringConstructor;
+    };
+    layout: {
+        type: PropType<LayoutType>;
+    };
+    baseLine: {
+        type: PropType<number | ReadonlyArray<Point>>;
+    };
+    points: {
+        type: PropType<ReadonlyArray<Point>>;
+    };
+    path: {
+        type: StringConstructor;
+    };
+};
+export type LinePropsInternal = VuePropsToType<typeof LineVueProps>;
+export type LinePropsWithSVG = WithSVGProps<typeof LineVueProps>;

package/dist/cartesian/line/utils.d.ts

@@ -0,0 +1,13 @@
+import { BaseAxisWithScale } from '../../state/selectors/axisSelectors';
+import { TickItem } from '../../types';
+import { LinePointItem, LineProps } from './type';
+export declare function computeLinePoints({ layout, xAxis, yAxis, xAxisTicks, yAxisTicks, dataKey, bandSize, displayedData, }: {
+    layout: LineProps['layout'];
+    xAxis: BaseAxisWithScale;
+    yAxis: BaseAxisWithScale;
+    xAxisTicks: TickItem[];
+    yAxisTicks: TickItem[];
+    dataKey: LineProps['dataKey'];
+    bandSize: number;
+    displayedData: any[];
+}): ReadonlyArray<LinePointItem>;

package/dist/cartesian/reference-area/ReferenceArea.d.ts

@@ -0,0 +1,191 @@
+import { PropType } from 'vue';
+import { AxisId } from '../../state/cartesianAxisSlice';
+import { IfOverflow } from '../../types';
+export declare const ReferenceAreaVueProps: {
+    x1: {
+        type: PropType<number | string>;
+        default: any;
+    };
+    x2: {
+        type: PropType<number | string>;
+        default: any;
+    };
+    y1: {
+        type: PropType<number | string>;
+        default: any;
+    };
+    y2: {
+        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;
+    };
+    fillOpacity: {
+        type: NumberConstructor;
+        default: number;
+    };
+    label: {
+        type: PropType<string | number | boolean | Record<string, any>>;
+        default: any;
+    };
+    ifOverflow: {
+        type: PropType<IfOverflow>;
+        default: string;
+    };
+    className: {
+        type: StringConstructor;
+        default: any;
+    };
+    radius: {
+        type: PropType<number | [number, number, number, number]>;
+        default: number;
+    };
+};
+export declare const ReferenceArea: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    x1: {
+        type: PropType<number | string>;
+        default: any;
+    };
+    x2: {
+        type: PropType<number | string>;
+        default: any;
+    };
+    y1: {
+        type: PropType<number | string>;
+        default: any;
+    };
+    y2: {
+        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;
+    };
+    fillOpacity: {
+        type: NumberConstructor;
+        default: number;
+    };
+    label: {
+        type: PropType<string | number | boolean | Record<string, any>>;
+        default: any;
+    };
+    ifOverflow: {
+        type: PropType<IfOverflow>;
+        default: string;
+    };
+    className: {
+        type: StringConstructor;
+        default: any;
+    };
+    radius: {
+        type: PropType<number | [number, number, number, number]>;
+        default: number;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    x1: {
+        type: PropType<number | string>;
+        default: any;
+    };
+    x2: {
+        type: PropType<number | string>;
+        default: any;
+    };
+    y1: {
+        type: PropType<number | string>;
+        default: any;
+    };
+    y2: {
+        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;
+    };
+    fillOpacity: {
+        type: NumberConstructor;
+        default: number;
+    };
+    label: {
+        type: PropType<string | number | boolean | Record<string, any>>;
+        default: any;
+    };
+    ifOverflow: {
+        type: PropType<IfOverflow>;
+        default: string;
+    };
+    className: {
+        type: StringConstructor;
+        default: any;
+    };
+    radius: {
+        type: PropType<number | [number, number, number, number]>;
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    fill: string;
+    yAxisId: AxisId;
+    xAxisId: AxisId;
+    ifOverflow: IfOverflow;
+    x1: string | number;
+    x2: string | number;
+    y1: string | number;
+    y2: string | number;
+    radius: number | [number, number, number, number];
+    stroke: string;
+    label: string | number | boolean | Record<string, any>;
+    className: string;
+    strokeWidth: string | number;
+    fillOpacity: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/cartesian/reference-area/index.d.ts

@@ -0,0 +1 @@
+export { ReferenceArea } from './ReferenceArea';

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

@@ -0,0 +1,139 @@
+import { PropType } from 'vue';
+import { AxisId } from '../../state/cartesianAxisSlice';
+import { IfOverflow } from '../../types';
+export declare const ReferenceLineVueProps: {
+    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;
+    };
+    className: {
+        type: StringConstructor;
+        default: any;
+    };
+};
+export declare const ReferenceLine: import('vue').DefineComponent<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;
+    };
+    className: {
+        type: StringConstructor;
+        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;
+    };
+    className: {
+        type: StringConstructor;
+        default: any;
+    };
+}>> & Readonly<{}>, {
+    fill: string;
+    x: string | number;
+    y: string | number;
+    yAxisId: AxisId;
+    xAxisId: AxisId;
+    ifOverflow: IfOverflow;
+    stroke: string;
+    label: string | number | boolean | Record<string, any>;
+    className: string;
+    strokeWidth: string | number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -0,0 +1 @@
+export { ReferenceLine } from './ReferenceLine';

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

@@ -0,0 +1,165 @@
+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<{
+    xAxisId: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    yAxisId: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    zAxisId: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    dataKey: {
+        type: PropType<DataKey<any>>;
+        default: any;
+    };
+    data: {
+        type: PropType<ReadonlyArray<Record<string, any>>>;
+        default: any;
+    };
+    name: {
+        type: PropType<string | number>;
+        default: any;
+    };
+    hide: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fill: {
+        type: StringConstructor;
+        default: any;
+    };
+    shape: {
+        type: PropType<SymbolType>;
+        default: string;
+    };
+    isAnimationActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    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: StringConstructor;
+        default: string;
+    };
+    tooltipType: {
+        type: PropType<TooltipType>;
+        default: any;
+    };
+    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<{
+    xAxisId: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    yAxisId: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    zAxisId: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    dataKey: {
+        type: PropType<DataKey<any>>;
+        default: any;
+    };
+    data: {
+        type: PropType<ReadonlyArray<Record<string, any>>>;
+        default: any;
+    };
+    name: {
+        type: PropType<string | number>;
+        default: any;
+    };
+    hide: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fill: {
+        type: StringConstructor;
+        default: any;
+    };
+    shape: {
+        type: PropType<SymbolType>;
+        default: string;
+    };
+    isAnimationActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    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: StringConstructor;
+        default: string;
+    };
+    tooltipType: {
+        type: PropType<TooltipType>;
+        default: any;
+    };
+    transition: {
+        type: PropType<AnimationOptions>;
+        default: any;
+    };
+}>> & Readonly<{}>, {
+    fill: string;
+    yAxisId: string | number;
+    xAxisId: string | number;
+    line: boolean | Record<string, any>;
+    dataKey: DataKey<any>;
+    name: string | number;
+    data: readonly Record<string, any>[];
+    label: boolean | Record<string, any>;
+    hide: boolean;
+    transition: AnimationOptions;
+    tooltipType: "none";
+    legendType: string;
+    isAnimationActive: boolean;
+    zAxisId: string | number;
+    shape: SymbolType;
+    lineType: "fitting" | "joint";
+    lineJointType: CurveType;
+}, SlotsType<{
+    default?: () => any;
+}>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

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

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

@@ -0,0 +1 @@
+export { Scatter } from './Scatter';