vccs 0.6.0 → 1.0.0-beta.2

package/dist/chart/RadialBarChart.d.ts

@@ -1 +1,273 @@
-export declare const RadialBarChart: import('vue').DefineComponent<import('./generateCategoricalChart').CategoricalChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./generateCategoricalChart').CategoricalChartProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const RadialBarChart: import('../utils/attributes.js').WithAttributes<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    layout: {
+        default: "horizontal" | "vertical" | "centric" | "radial";
+        type: import('vue').PropType<import('../types/index.js').LayoutType>;
+    };
+    startAngle: {
+        default: number | undefined;
+        type: NumberConstructor;
+    };
+    endAngle: {
+        default: number | undefined;
+        type: NumberConstructor;
+    };
+    cx: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    cy: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    innerRadius: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    outerRadius: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    reverseStackOrder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    role: {
+        type: StringConstructor;
+    };
+    stackOffset: {
+        type: import('vue').PropType<import('../types/index.js').StackOffsetType>;
+        default: import('../types/index.js').StackOffsetType;
+    };
+    style: {
+        type: import('vue').PropType<import('vue').StyleValue>;
+    };
+    syncId: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    syncMethod: {
+        type: import('vue').PropType<import('../types/index.js').SyncMethod>;
+        default: import('../types/index.js').SyncMethod;
+    };
+    tabIndex: {
+        type: NumberConstructor;
+    };
+    title: {
+        type: StringConstructor;
+    };
+    isAnimationActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    transition: {
+        type: import('vue').PropType<import('../index.js').ChartTransition>;
+        default: undefined;
+    };
+    width: {
+        type: NumberConstructor;
+    };
+    height: {
+        type: NumberConstructor;
+    };
+    aspect: {
+        type: NumberConstructor;
+    };
+    initialDimension: {
+        type: import('vue').PropType<import('../hooks/useRoundedSize.js').RoundedSize>;
+    };
+    accessibilityLayer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    class: {
+        type: import('vue').PropType<import('../types/index.js').VueClassValue>;
+        default: undefined;
+    };
+    compact: {
+        type: BooleanConstructor;
+    };
+    data: {
+        type: import('vue').PropType<import('../types/chartData.js').ChartData>;
+        default: () => never[];
+    };
+    desc: {
+        type: StringConstructor;
+    };
+    id: {
+        type: StringConstructor;
+    };
+    margin: {
+        type: import('vue').PropType<import('../types/index.js').Margin>;
+        default: () => {
+            top?: number;
+            right?: number;
+            bottom?: number;
+            left?: number;
+        };
+    };
+    barCategoryGap: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string | number;
+    };
+    barGap: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string | number;
+    };
+    barSize: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    maxBarSize: {
+        type: NumberConstructor;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (_state: import('../index.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    mouseenter: (_state: import('../index.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    mousemove: (_state: import('../index.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    mouseleave: (_state: import('../index.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    mousedown: (_state: import('../index.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    mouseup: (_state: import('../index.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    contextmenu: (_state: import('../index.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    dblclick: (_state: import('../index.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    touchstart: (_state: import('../index.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    touchmove: (_state: import('../index.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    touchend: (_state: import('../index.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    layout: {
+        default: "horizontal" | "vertical" | "centric" | "radial";
+        type: import('vue').PropType<import('../types/index.js').LayoutType>;
+    };
+    startAngle: {
+        default: number | undefined;
+        type: NumberConstructor;
+    };
+    endAngle: {
+        default: number | undefined;
+        type: NumberConstructor;
+    };
+    cx: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    cy: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    innerRadius: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    outerRadius: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    reverseStackOrder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    role: {
+        type: StringConstructor;
+    };
+    stackOffset: {
+        type: import('vue').PropType<import('../types/index.js').StackOffsetType>;
+        default: import('../types/index.js').StackOffsetType;
+    };
+    style: {
+        type: import('vue').PropType<import('vue').StyleValue>;
+    };
+    syncId: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    syncMethod: {
+        type: import('vue').PropType<import('../types/index.js').SyncMethod>;
+        default: import('../types/index.js').SyncMethod;
+    };
+    tabIndex: {
+        type: NumberConstructor;
+    };
+    title: {
+        type: StringConstructor;
+    };
+    isAnimationActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    transition: {
+        type: import('vue').PropType<import('../index.js').ChartTransition>;
+        default: undefined;
+    };
+    width: {
+        type: NumberConstructor;
+    };
+    height: {
+        type: NumberConstructor;
+    };
+    aspect: {
+        type: NumberConstructor;
+    };
+    initialDimension: {
+        type: import('vue').PropType<import('../hooks/useRoundedSize.js').RoundedSize>;
+    };
+    accessibilityLayer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    class: {
+        type: import('vue').PropType<import('../types/index.js').VueClassValue>;
+        default: undefined;
+    };
+    compact: {
+        type: BooleanConstructor;
+    };
+    data: {
+        type: import('vue').PropType<import('../types/chartData.js').ChartData>;
+        default: () => never[];
+    };
+    desc: {
+        type: StringConstructor;
+    };
+    id: {
+        type: StringConstructor;
+    };
+    margin: {
+        type: import('vue').PropType<import('../types/index.js').Margin>;
+        default: () => {
+            top?: number;
+            right?: number;
+            bottom?: number;
+            left?: number;
+        };
+    };
+    barCategoryGap: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string | number;
+    };
+    barGap: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string | number;
+    };
+    barSize: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    maxBarSize: {
+        type: NumberConstructor;
+    };
+}>> & Readonly<{
+    onClick?: ((_state: import('../types/index.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onMouseenter?: ((_state: import('../types/index.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onMouseleave?: ((_state: import('../types/index.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onContextmenu?: ((_state: import('../types/index.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onDblclick?: ((_state: import('../types/index.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onMousedown?: ((_state: import('../types/index.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onMousemove?: ((_state: import('../types/index.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onMouseup?: ((_state: import('../types/index.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onTouchend?: ((_state: import('../types/index.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onTouchmove?: ((_state: import('../types/index.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onTouchstart?: ((_state: import('../types/index.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+}>, {
+    class: import('../types/index.js').VueClassValue;
+    startAngle: number;
+    endAngle: number;
+    layout: import('../types/index.js').LayoutType;
+    data: import('../types/chartData.js').ChartData;
+    isAnimationActive: boolean;
+    transition: import('../index.js').ChartTransition;
+    margin: import('../types/index.js').Margin;
+    compact: boolean;
+    accessibilityLayer: boolean;
+    reverseStackOrder: boolean;
+    stackOffset: import('../types/index.js').StackOffsetType;
+    syncMethod: import('../types/index.js').SyncMethod;
+    barCategoryGap: string | number;
+    barGap: string | number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, import('../utils/attributes.js').SvgTemplateAttributes>;

package/dist/chart/Sankey.d.ts

@@ -1,7 +1,6 @@
-import { PropType, SlotsType } from 'vue';
-import { AnimationOptions } from 'motion-v';
-import { TooltipPayloadSearcher } from '../state/tooltipSlice';
-import { SankeyInputLink, SankeyInputNode, SankeyLayoutLink, SankeyLayoutNode } from './sankeyUtils';
+import { ExtractPropTypes, PropType, SlotsType, VNode, VNodeChild } from 'vue';
+import { ValueAnimationTransition } from 'motion-v';
+import { SankeyInputLink, SankeyInputNode, SankeyLayoutLink, SankeyLayoutNode } from './sankeyUtils.js';
 export interface SankeyNodeSlotProps {
     payload: SankeyLayoutNode;
     index: number;
@@ -19,107 +18,33 @@ export interface SankeyLinkSlotProps {
     fill: string;
 }
 export interface SankeySlots {
-    node?: (props: SankeyNodeSlotProps) => any;
-    link?: (props: SankeyLinkSlotProps) => any;
-    default?: () => any;
+    node?: (props: SankeyNodeSlotProps) => VNodeChild;
+    link?: (props: SankeyLinkSlotProps) => VNodeChild;
+    default?: () => VNode[];
 }
-export declare const sankeyPayloadSearcher: TooltipPayloadSearcher;
-export declare const SankeyVueProps: {
-    data: {
-        type: PropType<{
-            nodes: SankeyInputNode[];
-            links: SankeyInputLink[];
-        }>;
-        required: true;
-    };
+/**
+ * Sankey diagram — visualizes flows between nodes.
+ *
+ * Supports `<Tooltip>` as a child component for hover info on both nodes and links.
+ */
+export declare const Sankey: import('../utils/attributes.js').WithAttributes<import('vue').DefineComponent<ExtractPropTypes<{
     width: {
         type: NumberConstructor;
-        required: true;
     };
     height: {
         type: NumberConstructor;
-        required: true;
-    };
-    nameKey: {
-        type: StringConstructor;
-        default: string;
-    };
-    dataKey: {
-        type: StringConstructor;
-        default: string;
-    };
-    nodePadding: {
-        type: NumberConstructor;
-        default: number;
-    };
-    nodeWidth: {
-        type: NumberConstructor;
-        default: number;
     };
-    iterations: {
+    aspect: {
         type: NumberConstructor;
-        default: number;
     };
-    margin: {
-        type: PropType<{
-            top?: number;
-            right?: number;
-            bottom?: number;
-            left?: number;
-        }>;
-        default: () => {
-            top: number;
-            right: number;
-            bottom: number;
-            left: number;
-        };
-    };
-    nodeFill: {
-        type: StringConstructor;
-        default: string;
-    };
-    nodeStroke: {
-        type: StringConstructor;
-        default: string;
+    initialDimension: {
+        type: PropType<import('../hooks/useRoundedSize.js').RoundedSize>;
     };
-    linkFill: {
-        type: StringConstructor;
-        default: string;
-    };
-    linkStroke: {
+    title: {
         type: StringConstructor;
         default: string;
     };
-    isAnimationActive: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    transition: {
-        type: PropType<AnimationOptions>;
-        default: () => {
-            duration: number;
-            ease: "easeOut";
-        };
-    };
-    onClick: {
-        type: PropType<(item: any, type: "node" | "link", e: MouseEvent) => void>;
-        default: any;
-    };
-    onMouseEnter: {
-        type: PropType<(item: any, type: "node" | "link", e: MouseEvent) => void>;
-        default: any;
-    };
-    onMouseLeave: {
-        type: PropType<(item: any, type: "node" | "link", e: MouseEvent) => void>;
-        default: any;
-    };
-};
-/**
- * Sankey diagram — visualizes flows between nodes.
- *
- * Supports `<Tooltip>` as a child component for hover info on both nodes and links.
- */
-declare const _Sankey: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    desc: StringConstructor;
     data: {
         type: PropType<{
             nodes: SankeyInputNode[];
@@ -127,14 +52,6 @@ declare const _Sankey: import('vue').DefineComponent<import('vue').ExtractPropTy
         }>;
         required: true;
     };
-    width: {
-        type: NumberConstructor;
-        required: true;
-    };
-    height: {
-        type: NumberConstructor;
-        required: true;
-    };
     nameKey: {
         type: StringConstructor;
         default: string;
@@ -190,25 +107,47 @@ declare const _Sankey: import('vue').DefineComponent<import('vue').ExtractPropTy
         default: boolean;
     };
     transition: {
-        type: PropType<AnimationOptions>;
-        default: () => {
-            duration: number;
-            ease: "easeOut";
-        };
+        type: PropType<ValueAnimationTransition<number>>;
+        default: undefined;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'node-click': (_entry: SankeyLayoutNode, _index: number, _event: MouseEvent | KeyboardEvent) => boolean;
+    'node-mouseenter': (_entry: SankeyLayoutNode, _index: number, _event: MouseEvent) => boolean;
+    'node-mouseleave': (_entry: SankeyLayoutNode, _index: number, _event: MouseEvent) => boolean;
+    'link-click': (_entry: SankeyLayoutLink, _index: number, _event: MouseEvent) => boolean;
+    'link-mouseenter': (_entry: SankeyLayoutLink, _index: number, _event: MouseEvent) => boolean;
+    'link-mouseleave': (_entry: SankeyLayoutLink, _index: number, _event: MouseEvent) => boolean;
+    'animation-start': () => boolean;
+    'animation-end': () => boolean;
+    click: (_state: import('../events/componentEvents.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    mouseenter: (_state: import('../events/componentEvents.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    mousemove: (_state: import('../events/componentEvents.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    mouseleave: (_state: import('../events/componentEvents.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    mousedown: (_state: import('../events/componentEvents.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    mouseup: (_state: import('../events/componentEvents.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    contextmenu: (_state: import('../events/componentEvents.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    dblclick: (_state: import('../events/componentEvents.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    touchstart: (_state: import('../events/componentEvents.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    touchmove: (_state: import('../events/componentEvents.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+    touchend: (_state: import('../events/componentEvents.js').ChartPointerState, _event: MouseEvent | TouchEvent) => boolean;
+}, string, import('vue').PublicProps, Readonly<ExtractPropTypes<{
+    width: {
+        type: NumberConstructor;
     };
-    onClick: {
-        type: PropType<(item: any, type: "node" | "link", e: MouseEvent) => void>;
-        default: any;
+    height: {
+        type: NumberConstructor;
     };
-    onMouseEnter: {
-        type: PropType<(item: any, type: "node" | "link", e: MouseEvent) => void>;
-        default: any;
+    aspect: {
+        type: NumberConstructor;
     };
-    onMouseLeave: {
-        type: PropType<(item: any, type: "node" | "link", e: MouseEvent) => void>;
-        default: any;
+    initialDimension: {
+        type: PropType<import('../hooks/useRoundedSize.js').RoundedSize>;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    desc: StringConstructor;
     data: {
         type: PropType<{
             nodes: SankeyInputNode[];
@@ -216,14 +155,6 @@ declare const _Sankey: import('vue').DefineComponent<import('vue').ExtractPropTy
         }>;
         required: true;
     };
-    width: {
-        type: NumberConstructor;
-        required: true;
-    };
-    height: {
-        type: NumberConstructor;
-        required: true;
-    };
     nameKey: {
         type: StringConstructor;
         default: string;
@@ -279,49 +210,46 @@ declare const _Sankey: import('vue').DefineComponent<import('vue').ExtractPropTy
         default: boolean;
     };
     transition: {
-        type: PropType<AnimationOptions>;
-        default: () => {
-            duration: number;
-            ease: "easeOut";
-        };
-    };
-    onClick: {
-        type: PropType<(item: any, type: "node" | "link", e: MouseEvent) => void>;
-        default: any;
-    };
-    onMouseEnter: {
-        type: PropType<(item: any, type: "node" | "link", e: MouseEvent) => void>;
-        default: any;
-    };
-    onMouseLeave: {
-        type: PropType<(item: any, type: "node" | "link", e: MouseEvent) => void>;
-        default: any;
-    };
-}>> & Readonly<{}>, {
+        type: PropType<ValueAnimationTransition<number>>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onClick?: ((_state: import('../types/index.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onMouseenter?: ((_state: import('../types/index.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onMouseleave?: ((_state: import('../types/index.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    "onAnimation-start"?: (() => any) | undefined;
+    "onAnimation-end"?: (() => any) | undefined;
+    onContextmenu?: ((_state: import('../types/index.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onDblclick?: ((_state: import('../types/index.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onMousedown?: ((_state: import('../types/index.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onMousemove?: ((_state: import('../types/index.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onMouseup?: ((_state: import('../types/index.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onTouchend?: ((_state: import('../types/index.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onTouchmove?: ((_state: import('../types/index.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    onTouchstart?: ((_state: import('../types/index.js').MouseHandlerDataParam, _event: MouseEvent | TouchEvent) => any) | undefined;
+    "onNode-click"?: ((_entry: SankeyLayoutNode, _index: number, _event: KeyboardEvent | MouseEvent) => any) | undefined;
+    "onNode-mouseenter"?: ((_entry: SankeyLayoutNode, _index: number, _event: MouseEvent) => any) | undefined;
+    "onNode-mouseleave"?: ((_entry: SankeyLayoutNode, _index: number, _event: MouseEvent) => any) | undefined;
+    "onLink-click"?: ((_entry: SankeyLayoutLink, _index: number, _event: MouseEvent) => any) | undefined;
+    "onLink-mouseenter"?: ((_entry: SankeyLayoutLink, _index: number, _event: MouseEvent) => any) | undefined;
+    "onLink-mouseleave"?: ((_entry: SankeyLayoutLink, _index: number, _event: MouseEvent) => any) | undefined;
+}>, {
+    dataKey: string;
+    nameKey: string;
+    isAnimationActive: boolean;
+    transition: ValueAnimationTransition<number>;
+    title: string;
     margin: {
         top?: number;
         right?: number;
         bottom?: number;
         left?: number;
     };
-    dataKey: string;
-    transition: AnimationOptions;
-    onClick: (item: any, type: "node" | "link", e: MouseEvent) => void;
-    nameKey: string;
-    isAnimationActive: boolean;
-    onMouseEnter: (item: any, type: "node" | "link", e: MouseEvent) => void;
-    onMouseLeave: (item: any, type: "node" | "link", e: MouseEvent) => void;
-    nodePadding: number;
     nodeWidth: number;
+    nodePadding: number;
     iterations: number;
     nodeFill: string;
     nodeStroke: string;
     linkFill: string;
     linkStroke: string;
-}, SlotsType<SankeySlots>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const Sankey: typeof _Sankey & {
-    new (): {
-        $slots: SankeySlots;
-    };
-};
-export {};
+}, SlotsType<SankeySlots>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, import('../utils/attributes.js').HtmlTemplateAttributes>;