vue-chrts 0.0.44 → 0.0.46

package/dist/components/Area/Area.d.ts

@@ -1,30 +1,31 @@
+import { BaseChartProps } from '.';
 import { BulletLegendItemInterface, CurveType } from '@unovis/ts';
-import { PaginationPosition } from '.';
+import { Component } from 'vue';
 
-declare const _default: <T>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>) & {
-        data: T[];
-        height: number;
-        xLabel?: string;
-        yLabel?: string;
-        categories: Record<string, BulletLegendItemInterface>;
-        xFormatter: (i: number, idx: number) => string;
-        yFormatter?: (i: number, idx?: number) => string | number;
+declare const _default: <T extends Record<string, any>>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{
+        readonly onLegendItemClick?: ((d: BulletLegendItemInterface, i: number) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>) & (BaseChartProps<T> & {
+        /**
+         * Render custom tooltip component.
+         */
+        customTooltip?: Component;
+        /**
+         * Type of curve
+         */
         curveType?: CurveType;
-        xNumTicks?: number;
-        yNumTicks?: number;
-        hideLegend?: boolean;
-        hideTooltip?: boolean;
-        gridLineX?: boolean;
-        domainLineX?: boolean;
-        gridLineY?: boolean;
-        domainLineY?: boolean;
-        paginationPoisition?: PaginationPosition;
-    }, keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>> & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
+        /**
+         * Controls the visibility of gradient.
+         * @default true
+         */
+        showGradiant?: boolean;
+    }), keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>> & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: ReturnType<() => {}>;
-    emit: typeof __VLS_emit;
+    slots: ReturnType<() => {
+        default?(_: {}): any;
+    }>;
+    emit: (evt: "legendItemClick", d: BulletLegendItemInterface, i: number) => void;
 }>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }> & {

package/dist/components/Area/index.d.ts

@@ -1,5 +1,67 @@
+import { Spacing } from '@unovis/ts';
 export { default as Area } from './Area.vue';
 export declare enum PaginationPosition {
     Top = "top",
     Bottom = "bottom"
 }
+type KeyOf<T extends Record<string, any>> = Extract<keyof T, string>;
+export interface BaseChartProps<T extends Record<string, any>> {
+    /**
+     * The source data, in which each entry is a dictionary.
+     */
+    data: T[];
+    /**
+     * Select the categories from your data. Used to populate the legend and toolip.
+     */
+    categories: KeyOf<T>[];
+    /**
+     * Sets the key to map the data to the axis.
+     */
+    index: KeyOf<T>;
+    /**
+     * Change the default colors.
+     */
+    colors?: string[];
+    /**
+     * Margin of each the container
+     */
+    margin?: Spacing;
+    /**
+     * Change the opacity of the non-selected field
+     * @default 0.2
+     */
+    filterOpacity?: number;
+    /**
+     * Function to format X label
+     */
+    xFormatter?: (tick: number | Date, i: number, ticks: number[] | Date[]) => string;
+    /**
+     * Function to format Y label
+     */
+    yFormatter?: (tick: number | Date, i: number, ticks: number[] | Date[]) => string;
+    /**
+     * Controls the visibility of the X axis.
+     * @default true
+     */
+    showXAxis?: boolean;
+    /**
+     * Controls the visibility of the Y axis.
+     * @default true
+     */
+    showYAxis?: boolean;
+    /**
+     * Controls the visibility of tooltip.
+     * @default true
+     */
+    showTooltip?: boolean;
+    /**
+     * Controls the visibility of legend.
+     * @default true
+     */
+    showLegend?: boolean;
+    /**
+     * Controls the visibility of gridline.
+     * @default true
+     */
+    showGridLine?: boolean;
+}