vccs 0.6.0 → 1.0.0-beta.2

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

@@ -1,15 +1,15 @@
-import { PropType } from 'vue';
-import { AxisDomain } from '../../types/axis';
-import { AxisTick } from '../../types/tick';
-import { DataKey } from '../../types';
-export declare const PolarRadiusAxis: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { ChartDataKey } from '../../types/base.js';
+import { ExtractPropTypes, PropType, SlotsType } from 'vue';
+import { AxisSlots, AxisTick } from '../../types/tick.js';
+import { AxisDomain } from '../../types/axis.js';
+export declare const PolarRadiusAxis: import('../../utils/attributes.js').WithAttributes<import('vue').DefineComponent<ExtractPropTypes<{
     radiusAxisId: {
         type: PropType<string | number>;
         default: number;
     };
     dataKey: {
-        type: PropType<DataKey<any>>;
-        default: any;
+        type: PropType<ChartDataKey>;
+        default: undefined;
     };
     angle: {
         type: NumberConstructor;
@@ -28,12 +28,12 @@ export declare const PolarRadiusAxis: import('vue').DefineComponent<import('vue'
         default: string;
     };
     tickFormatter: {
-        type: PropType<(value: any, index: number) => string>;
-        default: any;
+        type: PropType<(value: unknown, index: number) => string>;
+        default: undefined;
     };
     ticks: {
         type: PropType<ReadonlyArray<AxisTick>>;
-        default: any;
+        default: undefined;
     };
     tickCount: {
         type: NumberConstructor;
@@ -41,7 +41,7 @@ export declare const PolarRadiusAxis: import('vue').DefineComponent<import('vue'
     };
     domain: {
         type: PropType<AxisDomain>;
-        default: any;
+        default: undefined;
     };
     type: {
         type: PropType<"number" | "category" | "auto">;
@@ -49,20 +49,22 @@ export declare const PolarRadiusAxis: import('vue').DefineComponent<import('vue'
     };
     stroke: {
         type: StringConstructor;
-        default: string;
+        default: undefined;
     };
     allowDecimals: {
         type: BooleanConstructor;
         default: boolean;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<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<{
     radiusAxisId: {
         type: PropType<string | number>;
         default: number;
     };
     dataKey: {
-        type: PropType<DataKey<any>>;
-        default: any;
+        type: PropType<ChartDataKey>;
+        default: undefined;
     };
     angle: {
         type: NumberConstructor;
@@ -81,12 +83,12 @@ export declare const PolarRadiusAxis: import('vue').DefineComponent<import('vue'
         default: string;
     };
     tickFormatter: {
-        type: PropType<(value: any, index: number) => string>;
-        default: any;
+        type: PropType<(value: unknown, index: number) => string>;
+        default: undefined;
     };
     ticks: {
         type: PropType<ReadonlyArray<AxisTick>>;
-        default: any;
+        default: undefined;
     };
     tickCount: {
         type: NumberConstructor;
@@ -94,7 +96,7 @@ export declare const PolarRadiusAxis: import('vue').DefineComponent<import('vue'
     };
     domain: {
         type: PropType<AxisDomain>;
-        default: any;
+        default: undefined;
     };
     type: {
         type: PropType<"number" | "category" | "auto">;
@@ -102,24 +104,24 @@ export declare const PolarRadiusAxis: import('vue').DefineComponent<import('vue'
     };
     stroke: {
         type: StringConstructor;
-        default: string;
+        default: undefined;
     };
     allowDecimals: {
         type: BooleanConstructor;
         default: boolean;
     };
 }>> & Readonly<{}>, {
+    angle: number;
     tick: boolean;
-    tickFormatter: (value: any, index: number) => string;
+    tickFormatter: (value: unknown, index: number) => string;
+    tickCount: number;
+    allowDecimals: boolean;
+    ticks: readonly AxisTick[];
     type: "number" | "auto" | "category";
-    dataKey: DataKey<any>;
+    dataKey: ChartDataKey;
+    domain: AxisDomain;
     orientation: "left" | "right" | "middle";
     stroke: string;
-    angle: number;
-    tickCount: number;
-    ticks: readonly AxisTick[];
     radiusAxisId: string | number;
-    domain: AxisDomain;
-    allowDecimals: boolean;
     axisLine: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, SlotsType<AxisSlots>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, import('../../utils/attributes.js').SvgTemplateAttributes>;

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

@@ -1,16 +1,28 @@
-import { PropType } from 'vue';
-import { AnimationOptions } from 'motion-v';
-import { DataKey } from '../../types';
-import { LegendType } from '../../types/legend';
-import { TooltipType } from '../../types/tooltip';
-export declare const Radar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { ChartDataKey } from '../../types/base.js';
+import { ExtractPropTypes, PropType, SlotsType, VNodeChild } from 'vue';
+import { ValueAnimationTransition } from 'motion-v';
+import { LegendType } from '../../types/legend.js';
+import { TooltipType } from '../../types/tooltip.js';
+import { RadarComposedData, RadarPoint } from '../../types/radar.js';
+import { LineSlots } from '../../cartesian/line/type.js';
+export type RadarShapeSlotProps = RadarComposedData & {
+    fill?: string;
+    stroke?: string;
+    fillOpacity: number;
+    strokeWidth?: number;
+    strokeDasharray?: string;
+};
+export type RadarSlots = Pick<LineSlots, 'dot' | 'activeDot' | 'label'> & {
+    shape?: (props: RadarShapeSlotProps) => VNodeChild;
+};
+export declare const Radar: import('../../utils/attributes.js').WithAttributes<import('vue').DefineComponent<ExtractPropTypes<{
     dataKey: {
-        type: PropType<DataKey<any>>;
+        type: PropType<ChartDataKey>;
         required: true;
     };
     name: {
-        type: StringConstructor;
-        default: any;
+        type: PropType<string | number>;
+        default: undefined;
     };
     angleAxisId: {
         type: PropType<string | number>;
@@ -22,11 +34,11 @@ export declare const Radar: import('vue').DefineComponent<import('vue').ExtractP
     };
     fill: {
         type: StringConstructor;
-        default: string;
+        default: undefined;
     };
     stroke: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     fillOpacity: {
         type: NumberConstructor;
@@ -34,14 +46,14 @@ export declare const Radar: import('vue').DefineComponent<import('vue').ExtractP
     };
     strokeWidth: {
         type: NumberConstructor;
-        default: any;
+        default: undefined;
     };
     strokeDasharray: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     dot: {
-        type: PropType<boolean | Record<string, any>>;
+        type: PropType<boolean | Record<string, unknown>>;
         default: boolean;
     };
     hide: {
@@ -54,39 +66,48 @@ export declare const Radar: import('vue').DefineComponent<import('vue').ExtractP
     };
     tooltipType: {
         type: PropType<TooltipType>;
-        default: any;
+        default: undefined;
     };
     connectNulls: {
         type: BooleanConstructor;
         default: boolean;
     };
     label: {
-        type: PropType<boolean | Record<string, any>>;
+        type: PropType<boolean | Record<string, unknown>>;
         default: boolean;
     };
     isAnimationActive: {
         type: BooleanConstructor;
-        default: boolean;
+        default: undefined;
     };
     transition: {
-        type: PropType<AnimationOptions>;
-        default: () => {
-            duration: number;
-            ease: string;
-        };
+        type: PropType<ValueAnimationTransition<number>>;
+        default: undefined;
     };
     activeDot: {
-        type: PropType<object | boolean>;
+        type: PropType<boolean | Record<string, unknown>>;
         default: boolean;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    class: {
+        type: PropType<import('../../types/index.js').VueClassValue>;
+        default: undefined;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (_entry: RadarPoint, _index: number, _event: MouseEvent) => boolean;
+    mouseenter: (_entry: RadarPoint, _index: number, _event: MouseEvent) => boolean;
+    mouseleave: (_entry: RadarPoint, _index: number, _event: MouseEvent) => boolean;
+    'animation-start': () => boolean;
+    'animation-end': () => boolean;
+}, string, import('vue').PublicProps, Readonly<ExtractPropTypes<{
     dataKey: {
-        type: PropType<DataKey<any>>;
+        type: PropType<ChartDataKey>;
         required: true;
     };
     name: {
-        type: StringConstructor;
-        default: any;
+        type: PropType<string | number>;
+        default: undefined;
     };
     angleAxisId: {
         type: PropType<string | number>;
@@ -98,11 +119,11 @@ export declare const Radar: import('vue').DefineComponent<import('vue').ExtractP
     };
     fill: {
         type: StringConstructor;
-        default: string;
+        default: undefined;
     };
     stroke: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     fillOpacity: {
         type: NumberConstructor;
@@ -110,14 +131,14 @@ export declare const Radar: import('vue').DefineComponent<import('vue').ExtractP
     };
     strokeWidth: {
         type: NumberConstructor;
-        default: any;
+        default: undefined;
     };
     strokeDasharray: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     dot: {
-        type: PropType<boolean | Record<string, any>>;
+        type: PropType<boolean | Record<string, unknown>>;
         default: boolean;
     };
     hide: {
@@ -130,47 +151,55 @@ export declare const Radar: import('vue').DefineComponent<import('vue').ExtractP
     };
     tooltipType: {
         type: PropType<TooltipType>;
-        default: any;
+        default: undefined;
     };
     connectNulls: {
         type: BooleanConstructor;
         default: boolean;
     };
     label: {
-        type: PropType<boolean | Record<string, any>>;
+        type: PropType<boolean | Record<string, unknown>>;
         default: boolean;
     };
     isAnimationActive: {
         type: BooleanConstructor;
-        default: boolean;
+        default: undefined;
     };
     transition: {
-        type: PropType<AnimationOptions>;
-        default: () => {
-            duration: number;
-            ease: string;
-        };
+        type: PropType<ValueAnimationTransition<number>>;
+        default: undefined;
     };
     activeDot: {
-        type: PropType<object | boolean>;
+        type: PropType<boolean | Record<string, unknown>>;
         default: boolean;
     };
-}>> & Readonly<{}>, {
+    class: {
+        type: PropType<import('../../types/index.js').VueClassValue>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onClick?: ((_entry: RadarPoint, _index: number, _event: MouseEvent) => any) | undefined;
+    onMouseenter?: ((_entry: RadarPoint, _index: number, _event: MouseEvent) => any) | undefined;
+    onMouseleave?: ((_entry: RadarPoint, _index: number, _event: MouseEvent) => any) | undefined;
+    "onAnimation-start"?: (() => any) | undefined;
+    "onAnimation-end"?: (() => any) | undefined;
+}>, {
+    name: string | number;
+    hide: boolean;
     fill: string;
-    fillOpacity: number;
     stroke: string;
     strokeDasharray: string;
     strokeWidth: number;
-    transition: AnimationOptions;
-    name: string;
-    label: boolean | Record<string, any>;
+    class: import('../../types/index.js').VueClassValue;
+    fillOpacity: number;
+    label: boolean | Record<string, unknown>;
+    angleAxisId: string | number;
+    radiusAxisId: string | number;
+    isAnimationActive: boolean;
+    transition: ValueAnimationTransition<number>;
     connectNulls: boolean;
-    hide: boolean;
     tooltipType: "none";
+    activeDot: boolean | Record<string, unknown>;
+    dot: boolean | Record<string, unknown>;
     legendType: LegendType;
-    isAnimationActive: boolean;
-    angleAxisId: string | number;
-    radiusAxisId: string | number;
-    activeDot: boolean | object;
-    dot: boolean | Record<string, any>;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, SlotsType<RadarSlots>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, import('../../utils/attributes.js').SvgTemplateAttributes>;

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

@@ -1,2 +1,251 @@
-import { RadialBarPropsWithSVG } from './type';
-export declare const RadialBar: import('vue').DefineComponent<RadialBarPropsWithSVG, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<RadialBarPropsWithSVG> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+import { ExtractPropTypes, PropType, SlotsType, VNodeChild } from 'vue';
+import { RadialBarDataItem } from '../../types/radialBar.js';
+import { LabelListSlotProps } from '../../components/label/types.js';
+export type RadialBarShapeSlotProps = RadialBarDataItem & {
+    innerRadius: number;
+    outerRadius: number;
+    startAngle: number;
+    endAngle: number;
+    fill: string;
+    stroke: string;
+    fillOpacity?: number;
+    isActive: boolean;
+};
+export interface RadialBarSlots {
+    shape?: (props: RadialBarShapeSlotProps) => VNodeChild;
+    label?: (props: LabelListSlotProps) => VNodeChild;
+    default?: () => VNodeChild;
+}
+export declare const RadialBar: import('../../utils/attributes.js').WithAttributes<import('vue').DefineComponent<ExtractPropTypes<{
+    dataKey: {
+        type: PropType<import('../../types/base.js').ChartDataKey>;
+        required: true;
+    };
+    name: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    angleAxisId: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    radiusAxisId: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    fill: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    stroke: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    fillOpacity: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    strokeWidth: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    strokeDasharray: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hide: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    legendType: {
+        type: PropType<import('../../types/legend.js').LegendType>;
+        default: string;
+    };
+    tooltipType: {
+        type: PropType<import('../../types/index.js').TooltipType>;
+        default: undefined;
+    };
+    background: {
+        type: PropType<boolean | Record<string, unknown>>;
+        default: boolean;
+    };
+    label: {
+        type: PropType<boolean | Record<string, unknown>>;
+        default: boolean;
+    };
+    isAnimationActive: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    transition: {
+        type: PropType<import('motion-v').ValueAnimationTransition<number>>;
+        default: undefined;
+    };
+    minPointSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxBarSize: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    barSize: {
+        type: PropType<number | string>;
+        default: undefined;
+    };
+    stackId: {
+        type: PropType<import('../../types/tick.js').StackId>;
+        default: undefined;
+    };
+    cornerRadius: {
+        type: PropType<number | string>;
+        default: number;
+    };
+    forceCornerRadius: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    cornerIsExternal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    class: {
+        type: PropType<import('../../types/index.js').VueClassValue>;
+        default: undefined;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (_entry: RadialBarDataItem, _index: number, _event: MouseEvent) => boolean;
+    mouseenter: (_entry: RadialBarDataItem, _index: number, _event: MouseEvent) => boolean;
+    mouseleave: (_entry: RadialBarDataItem, _index: number, _event: MouseEvent) => boolean;
+    'animation-start': () => boolean;
+    'animation-end': () => boolean;
+}, string, import('vue').PublicProps, Readonly<ExtractPropTypes<{
+    dataKey: {
+        type: PropType<import('../../types/base.js').ChartDataKey>;
+        required: true;
+    };
+    name: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    angleAxisId: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    radiusAxisId: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    fill: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    stroke: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    fillOpacity: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    strokeWidth: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    strokeDasharray: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hide: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    legendType: {
+        type: PropType<import('../../types/legend.js').LegendType>;
+        default: string;
+    };
+    tooltipType: {
+        type: PropType<import('../../types/index.js').TooltipType>;
+        default: undefined;
+    };
+    background: {
+        type: PropType<boolean | Record<string, unknown>>;
+        default: boolean;
+    };
+    label: {
+        type: PropType<boolean | Record<string, unknown>>;
+        default: boolean;
+    };
+    isAnimationActive: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    transition: {
+        type: PropType<import('motion-v').ValueAnimationTransition<number>>;
+        default: undefined;
+    };
+    minPointSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxBarSize: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    barSize: {
+        type: PropType<number | string>;
+        default: undefined;
+    };
+    stackId: {
+        type: PropType<import('../../types/tick.js').StackId>;
+        default: undefined;
+    };
+    cornerRadius: {
+        type: PropType<number | string>;
+        default: number;
+    };
+    forceCornerRadius: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    cornerIsExternal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    class: {
+        type: PropType<import('../../types/index.js').VueClassValue>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onClick?: ((_entry: RadialBarDataItem, _index: number, _event: MouseEvent) => any) | undefined;
+    onMouseenter?: ((_entry: RadialBarDataItem, _index: number, _event: MouseEvent) => any) | undefined;
+    onMouseleave?: ((_entry: RadialBarDataItem, _index: number, _event: MouseEvent) => any) | undefined;
+    "onAnimation-start"?: (() => any) | undefined;
+    "onAnimation-end"?: (() => any) | undefined;
+}>, {
+    name: string | number;
+    hide: boolean;
+    fill: string;
+    stroke: string;
+    strokeDasharray: string;
+    strokeWidth: number;
+    class: import('../../types/index.js').VueClassValue;
+    background: boolean | Record<string, unknown>;
+    fillOpacity: number;
+    label: boolean | Record<string, unknown>;
+    angleAxisId: string | number;
+    radiusAxisId: string | number;
+    stackId: import('../../types/tick.js').StackId;
+    barSize: string | number;
+    isAnimationActive: boolean;
+    transition: import('motion-v').ValueAnimationTransition<number>;
+    cornerRadius: string | number;
+    tooltipType: "none";
+    forceCornerRadius: boolean;
+    cornerIsExternal: boolean;
+    legendType: import('../../types/legend.js').LegendType;
+    minPointSize: number;
+    maxBarSize: number;
+}, SlotsType<RadialBarSlots>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, import('../../utils/attributes.js').SvgTemplateAttributes>;