vccs 0.6.0 → 1.0.0-beta.2

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

@@ -1,64 +1,51 @@
-import { ChartData } from '../../state/chartDataSlice';
-import { Coordinate, DataKey, TooltipType, VuePropsToType, WithSVGProps } from '../../types';
-import { AnimationOptions } from 'motion-v';
-import { AxisId } from '../../types/axis';
-import { PropType } from 'vue';
-import { LegendType } from '../../types/legend';
-import { MinPointSize } from '../../shape';
-export type Rectangle = {
-    x: number | null;
-    y: number | null;
-    width: number;
-    height: number;
-};
-export type BarRectangleItem = {
-    value?: number | [number, number];
-    background?: Rectangle;
-    tooltipPosition: Coordinate;
-    readonly payload?: any;
-    x: number | null;
-    y: number | null;
-    width: number;
-    height: number;
-};
+import { BarRectangleItem } from '../../types/bar.js';
+import { LabelListSlotProps } from '../../components/label/types.js';
+import { ExtractPropTypes, PropType, VNode, VNodeChild } from 'vue';
+import { ChartDataKey } from '../../types/base.js';
+import { ChartData } from '../../types/chartData.js';
+import { TooltipType } from '../../types/index.js';
+import { ChartTransition } from '../../animation/motion.js';
+import { AxisId } from '../../types/axis.js';
+import { LegendType } from '../../types/legend.js';
+import { MinPointSize } from '../../types/shape.js';
 export declare const BarVueProps: {
     class: {
-        type: PropType<import('../../types').VueClassValue>;
-        default: any;
+        type: PropType<import('../../types/index.js').VueClassValue>;
+        default: undefined;
     };
     barSize: {
         type: PropType<string | number>;
     };
     data: {
         type: PropType<ChartData>;
-        default: any;
+        default: undefined;
     };
     dataKey: {
-        type: PropType<DataKey<any>>;
-        required: boolean;
+        type: PropType<ChartDataKey>;
+        required: true;
     };
     fill: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     stroke: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     strokeWidth: {
         type: NumberConstructor;
-        default: number;
+        default: undefined;
     };
     unit: {
         type: PropType<string | number>;
-        default: any;
+        default: undefined;
     };
     name: {
         type: PropType<string | number>;
     };
     tooltipType: {
         type: PropType<TooltipType>;
-        default: any;
+        default: undefined;
     };
     legendType: {
         type: PropType<LegendType>;
@@ -76,40 +63,28 @@ export declare const BarVueProps: {
         default: boolean;
     };
     background: {
-        type: PropType<boolean | Record<string, any>>;
+        type: PropType<boolean | Record<string, unknown>>;
         default: boolean;
     };
     radius: {
         type: PropType<number | [number, number, number, number]>;
-        default: any;
-    };
-    onAnimationStart: {
-        type: PropType<() => void>;
-        default: any;
-    };
-    onAnimationEnd: {
-        type: PropType<() => void>;
-        default: any;
+        default: undefined;
     };
     isAnimationActive: {
         type: BooleanConstructor;
-        default: boolean;
+        default: undefined;
     };
     activeBar: {
-        type: PropType<Record<string, any> | boolean>;
+        type: PropType<Record<string, unknown> | boolean>;
         default: boolean;
     };
     activeIndex: {
-        type: NumberConstructor;
-        default: any;
-    };
-    id: {
-        type: StringConstructor;
-        default: any;
+        type: PropType<number | null>;
+        default: undefined;
     };
     stackId: {
         type: PropType<string | number>;
-        default: any;
+        default: undefined;
     };
     xAxisId: {
         type: PropType<AxisId>;
@@ -119,36 +94,30 @@ export declare const BarVueProps: {
         type: PropType<AxisId>;
         default: number;
     };
+    /** Overrides the default motion (see animation/motion.ts). */
     transition: {
-        type: PropType<AnimationOptions>;
-        default: {
-            duration: number;
-            ease: string;
-        };
-    };
-    needClip: {
-        type: BooleanConstructor;
-        default: boolean;
+        type: PropType<ChartTransition>;
+        default: undefined;
     };
     label: {
-        type: PropType<boolean | Record<string, any>>;
+        type: PropType<boolean | Record<string, unknown>>;
         default: boolean;
     };
 };
-export type BarProps = VuePropsToType<typeof BarVueProps>;
-export type BarPropsWithSVG = WithSVGProps<typeof BarVueProps>;
-export type BarSettings = {
-    barSize?: string | number;
-    data?: ChartData;
-    dataKey: DataKey<any>;
-    maxBarSize?: number;
-    minPointSize: MinPointSize;
-    stackId?: string | number;
+export type ResolvedBarProps = ExtractPropTypes<typeof BarVueProps>;
+type BarShapeSlotProps = Omit<BarRectangleItem, 'x' | 'y' | 'width' | 'height'> & {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    fill?: string;
+    index: number;
+    isActive: boolean;
 };
-export type BarMouseEvent = (data: BarRectangleItem, index: number, event: MouseEvent) => void;
-export interface BarEvents {
-    onClick: BarMouseEvent;
-    onMouseEnter: BarMouseEvent;
-    onMouseLeave: BarMouseEvent;
-    onMouseMove: BarMouseEvent;
+export interface BarSlots {
+    label?: (props: LabelListSlotProps) => VNodeChild;
+    default?: () => VNode[];
+    shape?: (props: BarShapeSlotProps) => VNodeChild;
+    activeBar?: (props: BarShapeSlotProps) => VNodeChild;
 }
+export {};

package/dist/cartesian/brush/Brush.d.ts

@@ -1,2 +1,150 @@
-import { BrushPropsWithSVG } from './type';
-export declare const Brush: import('vue').DefineComponent<BrushPropsWithSVG, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BrushPropsWithSVG> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+import { PropType, SlotsType, VNode } from 'vue';
+import { BrushStartEndIndex } from '../../types/chartData.js';
+export declare const Brush: import('../../utils/attributes.js').WithAttributes<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    travellerWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    gap: {
+        type: NumberConstructor;
+        default: number;
+    };
+    fill: {
+        type: StringConstructor;
+        default: string;
+    };
+    stroke: {
+        type: StringConstructor;
+        default: string;
+    };
+    padding: {
+        type: PropType<import('../../types/index.js').Padding>;
+        default: () => {
+            top: number;
+            right: number;
+            bottom: number;
+            left: number;
+        };
+    };
+    leaveTimeOut: {
+        type: NumberConstructor;
+        default: number;
+    };
+    alwaysShowText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    x: {
+        type: NumberConstructor;
+    };
+    y: {
+        type: NumberConstructor;
+    };
+    dy: {
+        type: NumberConstructor;
+    };
+    width: {
+        type: NumberConstructor;
+    };
+    class: {
+        type: PropType<import('../../types/index.js').VueClassValue>;
+        default: undefined;
+    };
+    dataKey: PropType<import('../../types/base.js').ChartDataKey>;
+    range: {
+        type: PropType<BrushStartEndIndex | null>;
+        default: undefined;
+    };
+    tickFormatter: {
+        type: PropType<(value: unknown, index: number) => string>;
+    };
+}>, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:range': (_range: BrushStartEndIndex | null) => boolean;
+    change: (_indexes: BrushStartEndIndex) => boolean;
+    'drag-end': (_indexes: BrushStartEndIndex) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    travellerWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    gap: {
+        type: NumberConstructor;
+        default: number;
+    };
+    fill: {
+        type: StringConstructor;
+        default: string;
+    };
+    stroke: {
+        type: StringConstructor;
+        default: string;
+    };
+    padding: {
+        type: PropType<import('../../types/index.js').Padding>;
+        default: () => {
+            top: number;
+            right: number;
+            bottom: number;
+            left: number;
+        };
+    };
+    leaveTimeOut: {
+        type: NumberConstructor;
+        default: number;
+    };
+    alwaysShowText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    x: {
+        type: NumberConstructor;
+    };
+    y: {
+        type: NumberConstructor;
+    };
+    dy: {
+        type: NumberConstructor;
+    };
+    width: {
+        type: NumberConstructor;
+    };
+    class: {
+        type: PropType<import('../../types/index.js').VueClassValue>;
+        default: undefined;
+    };
+    dataKey: PropType<import('../../types/base.js').ChartDataKey>;
+    range: {
+        type: PropType<BrushStartEndIndex | null>;
+        default: undefined;
+    };
+    tickFormatter: {
+        type: PropType<(value: unknown, index: number) => string>;
+    };
+}>> & Readonly<{
+    onChange?: ((_indexes: BrushStartEndIndex) => any) | undefined;
+    "onUpdate:range"?: ((_range: BrushStartEndIndex | null) => any) | undefined;
+    "onDrag-end"?: ((_indexes: BrushStartEndIndex) => any) | undefined;
+}>, {
+    gap: number;
+    padding: import('../../types/index.js').Padding;
+    height: number;
+    fill: string;
+    stroke: string;
+    class: import('../../types/index.js').VueClassValue;
+    range: BrushStartEndIndex | null;
+    travellerWidth: number;
+    leaveTimeOut: number;
+    alwaysShowText: boolean;
+}, SlotsType<{
+    default?: () => VNode[];
+}>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, import('../../utils/attributes.js').SvgTemplateAttributes>;

package/dist/cartesian/brush/components/BrushText.d.ts

@@ -1,5 +1,5 @@
+import { ChartDataKey } from '../../../types/base.js';
 import { PropType } from 'vue';
-import { DataKey } from '../../../types/common';
 export declare const BrushText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     startIndex: NumberConstructor;
     endIndex: NumberConstructor;
@@ -7,9 +7,9 @@ export declare const BrushText: import('vue').DefineComponent<import('vue').Extr
     height: NumberConstructor;
     travellerWidth: NumberConstructor;
     stroke: StringConstructor;
-    tickFormatter: PropType<(value: any, index: number) => number | string>;
-    dataKey: PropType<DataKey<any>>;
-    data: PropType<any[]>;
+    tickFormatter: PropType<(value: unknown, index: number) => number | string>;
+    dataKey: PropType<ChartDataKey>;
+    data: PropType<unknown[]>;
     startX: NumberConstructor;
     endX: NumberConstructor;
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -19,9 +19,9 @@ export declare const BrushText: import('vue').DefineComponent<import('vue').Extr
     height: NumberConstructor;
     travellerWidth: NumberConstructor;
     stroke: StringConstructor;
-    tickFormatter: PropType<(value: any, index: number) => number | string>;
-    dataKey: PropType<DataKey<any>>;
-    data: PropType<any[]>;
+    tickFormatter: PropType<(value: unknown, index: number) => number | string>;
+    dataKey: PropType<ChartDataKey>;
+    data: PropType<unknown[]>;
     startX: NumberConstructor;
     endX: NumberConstructor;
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/cartesian/brush/components/Panorama.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-import { Padding } from '../../../types/common';
+import { PropType, VNode } from 'vue';
+import { Padding } from '../../../types/common.js';
 export declare const Panorama: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     x: {
         type: NumberConstructor;
@@ -18,7 +18,7 @@ export declare const Panorama: import('vue').DefineComponent<import('vue').Extra
         required: true;
     };
     data: {
-        type: PropType<any[]>;
+        type: PropType<unknown[]>;
         required: true;
     };
     padding: {
@@ -30,7 +30,9 @@ export declare const Panorama: import('vue').DefineComponent<import('vue').Extra
             left: number;
         };
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     x: {
         type: NumberConstructor;
         required: true;
@@ -48,7 +50,7 @@ export declare const Panorama: import('vue').DefineComponent<import('vue').Extra
         required: true;
     };
     data: {
-        type: PropType<any[]>;
+        type: PropType<unknown[]>;
         required: true;
     };
     padding: {

package/dist/cartesian/brush/components/Slide.d.ts

@@ -13,8 +13,8 @@ export declare const Slide: import('vue').DefineComponent<import('vue').ExtractP
     startX: NumberConstructor;
     endX: NumberConstructor;
 }>> & Readonly<{
-    onMousedown?: (...args: any[]) => any;
-    onMouseenter?: (...args: any[]) => any;
-    onMouseleave?: (...args: any[]) => any;
-    onTouchstart?: (...args: any[]) => any;
+    onMousedown?: ((...args: any[]) => any) | undefined;
+    onMouseenter?: ((...args: any[]) => any) | undefined;
+    onMouseleave?: ((...args: any[]) => any) | undefined;
+    onTouchstart?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/cartesian/brush/components/TravellerLayer.d.ts

@@ -1,22 +1,30 @@
-import { BrushProps } from '../type';
+import { BrushInput, BrushStartEndIndex } from '../type.js';
 export declare const TravellerLayer: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     id: StringConstructor;
     travellerX: NumberConstructor;
-    otherProps: () => BrushProps & {
-        y: number;
+    otherProps: {
+        type: () => BrushInput & BrushStartEndIndex & {
+            y: number;
+            data: unknown[];
+        };
+        required: true;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focus" | "blur" | "mouseenter" | "mouseleave" | "mousedown" | "touchstart" | "traveller-move-keyboard")[], "focus" | "blur" | "mouseenter" | "mouseleave" | "mousedown" | "touchstart" | "traveller-move-keyboard", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("mouseenter" | "mouseleave" | "blur" | "focus" | "mousedown" | "touchstart" | "traveller-move-keyboard")[], "mouseenter" | "mouseleave" | "blur" | "focus" | "mousedown" | "touchstart" | "traveller-move-keyboard", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     id: StringConstructor;
     travellerX: NumberConstructor;
-    otherProps: () => BrushProps & {
-        y: number;
+    otherProps: {
+        type: () => BrushInput & BrushStartEndIndex & {
+            y: number;
+            data: unknown[];
+        };
+        required: true;
     };
 }>> & Readonly<{
-    onFocus?: (...args: any[]) => any;
-    onBlur?: (...args: any[]) => any;
-    onMousedown?: (...args: any[]) => any;
-    onMouseenter?: (...args: any[]) => any;
-    onMouseleave?: (...args: any[]) => any;
-    onTouchstart?: (...args: any[]) => any;
-    "onTraveller-move-keyboard"?: (...args: any[]) => any;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onMousedown?: ((...args: any[]) => any) | undefined;
+    onMouseenter?: ((...args: any[]) => any) | undefined;
+    onMouseleave?: ((...args: any[]) => any) | undefined;
+    onTouchstart?: ((...args: any[]) => any) | undefined;
+    "onTraveller-move-keyboard"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/cartesian/brush/hooks/useBrushHandlers.d.ts

@@ -1,6 +1,6 @@
 import { Ref } from 'vue';
-import { BrushState, BrushTravellerId } from '../type';
-import { BrushStartEndIndex } from '../../../state/chartDataSlice';
+import { BrushState, BrushTravellerId } from '../type.js';
+import { BrushStartEndIndex } from '../../../types/chartData.js';
 export interface UseBrushHandlersProps {
     x: number;
     width: number;
@@ -11,9 +11,8 @@ export interface UseBrushHandlersProps {
     leaveTimeOut: number;
     onChange?: (index: BrushStartEndIndex) => void;
     onDragEnd?: (index: BrushStartEndIndex) => void;
-    data?: any[];
 }
-export declare function useBrushHandlers(brushState: Ref<BrushState>, props: UseBrushHandlersProps, onChange: (index: BrushStartEndIndex) => void, chartData: () => any[]): {
+export declare function useBrushHandlers(brushState: Ref<BrushState>, props: UseBrushHandlersProps, onChange: (index: BrushStartEndIndex) => void, chartData: () => unknown[]): {
     handleLeaveWrapper: () => void;
     handleTouchMove: (e: TouchEvent) => void;
     handleEnterSlideOrTraveller: () => void;

package/dist/cartesian/brush/hooks/useBrushState.d.ts

@@ -1,29 +1,29 @@
-import { BrushState } from '../type';
-import { ChartData } from '../../../state/chartDataSlice';
+import { BrushState } from '../type.js';
+import { ChartData } from '../../../types/chartData.js';
 export declare function useBrushState(getX: () => number | undefined, getWidth: () => number | undefined, getTravellerWidth: () => number, chartData: () => ChartData | undefined, startIndex: () => number, endIndex: () => number): {
     brushState: import('vue').Ref<{
         isTravellerMoving: boolean;
         isTravellerFocused: boolean;
         isSlideMoving: boolean;
-        startX?: number;
-        endX?: number;
-        slideMoveStartX?: number;
-        movingTravellerId?: import('../type').BrushTravellerId;
+        startX?: number | undefined;
+        endX?: number | undefined;
+        slideMoveStartX?: number | undefined;
+        movingTravellerId?: import('../type.js').BrushTravellerId | undefined;
         isTextActive: boolean;
-        brushMoveStartX?: number;
-        scale?: any;
-        scaleValues?: number[];
+        brushMoveStartX?: number | undefined;
+        scale?: ((index: number) => number | undefined) | undefined;
+        scaleValues?: number[] | undefined;
     }, BrushState | {
         isTravellerMoving: boolean;
         isTravellerFocused: boolean;
         isSlideMoving: boolean;
-        startX?: number;
-        endX?: number;
-        slideMoveStartX?: number;
-        movingTravellerId?: import('../type').BrushTravellerId;
+        startX?: number | undefined;
+        endX?: number | undefined;
+        slideMoveStartX?: number | undefined;
+        movingTravellerId?: import('../type.js').BrushTravellerId | undefined;
         isTextActive: boolean;
-        brushMoveStartX?: number;
-        scale?: any;
-        scaleValues?: number[];
+        brushMoveStartX?: number | undefined;
+        scale?: ((index: number) => number | undefined) | undefined;
+        scaleValues?: number[] | undefined;
     }>;
 };

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

@@ -1,7 +1,9 @@
-import { BrushStartEndIndex } from '../../state/chartDataSlice';
-import { DataKey, Padding, VuePropsToType, WithSVGProps } from '../../types/common';
+import { ChartDataKey } from '../../types/base.js';
+import { BrushStartEndIndex } from '../../types/chartData.js';
+import { Padding, VuePropsToType } from '../../types/common.js';
 import { PropType } from 'vue';
 export type { BrushStartEndIndex };
+export type BrushIndex = number;
 export declare const BrushVueProps: {
     height: {
         type: NumberConstructor;
@@ -52,35 +54,21 @@ export declare const BrushVueProps: {
     width: {
         type: NumberConstructor;
     };
-    ariaLabel: {
-        type: StringConstructor;
-    };
     class: {
-        type: PropType<import('../../types').VueClassValue>;
-        default: any;
+        type: PropType<import('../../types/base.js').VueClassValue>;
+        default: undefined;
     };
-    data: {
-        type: PropType<any[]>;
-    };
-    dataKey: PropType<DataKey<any>>;
-    startIndex: {
-        type: NumberConstructor;
-    };
-    endIndex: {
-        type: NumberConstructor;
+    dataKey: PropType<ChartDataKey>;
+    range: {
+        type: PropType<BrushStartEndIndex | null>;
+        default: undefined;
     };
     tickFormatter: {
-        type: PropType<(value: any, index: number) => string>;
-    };
-    onChange: {
-        type: PropType<(state: BrushStartEndIndex) => void>;
-    };
-    onDragEnd: {
-        type: PropType<(state: BrushStartEndIndex) => void>;
+        type: PropType<(value: unknown, index: number) => string>;
     };
 };
-export type BrushProps = VuePropsToType<typeof BrushVueProps>;
-export type BrushPropsWithSVG = WithSVGProps<typeof BrushVueProps>;
+/** Resolved Brush props inside the library; the public `BrushProps` is derived from the component. */
+export type BrushInput = VuePropsToType<typeof BrushVueProps>;
 export type BrushTravellerId = 'startX' | 'endX';
 export interface BrushState {
     isTravellerMoving: boolean;
@@ -92,13 +80,6 @@ export interface BrushState {
     movingTravellerId?: BrushTravellerId;
     isTextActive: boolean;
     brushMoveStartX?: number;
-    scale?: any;
+    scale?: (index: number) => number | undefined;
     scaleValues?: number[];
 }
-export interface TravellerProps {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    stroke?: string;
-}

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

@@ -1,15 +1,14 @@
-import { BrushStartEndIndex } from './type';
-export declare function getIndexInRange(valueRange: number[], x: number): number;
+import { BrushStartEndIndex } from './type.js';
 export declare function getIndex({ startX, endX, scaleValues, gap, data, }: {
     startX: number;
     endX: number;
     scaleValues: number[];
     gap: number;
-    data: any[];
+    data: unknown[];
 }): BrushStartEndIndex;
 export declare function getTextOfTick({ index, data, tickFormatter, dataKey, }: {
     index: number;
-    data: any[];
-    tickFormatter: (value: any, index: number) => number | string;
-    dataKey: any;
+    data: unknown[] | undefined;
+    tickFormatter?: (value: unknown, index: number) => number | string;
+    dataKey: import('../../types/index.js').DataKey<Record<string, unknown>> | undefined;
 }): number | string;