x-next 0.0.0-alpha.7 → 0.0.0-alpha.70

package/dist/components/trend-chart/index.d.ts

@@ -0,0 +1,543 @@
+export declare const TrendChart: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        dataset: {
+            required: boolean;
+            type: import('vue').PropType<import('./props').DataSet>;
+            default: () => never[];
+        };
+        status: {
+            type: import('vue').PropType<import('./props').TrendChartStatus>;
+            default: undefined;
+        };
+        grid: {
+            default: null;
+            type: import('vue').PropType<import('./props').Grid>;
+        };
+        labels: {
+            default: null;
+            type: import('vue').PropType<import('./props').Labels>;
+        };
+        max: {
+            type: NumberConstructor;
+        };
+        min: {
+            type: NumberConstructor;
+        };
+        padding: {
+            default: string;
+            type: StringConstructor;
+            validator(val: string): boolean;
+        };
+        interactive: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        theme: {
+            type: import('vue').PropType<import('./props').Theme>;
+            default: () => {
+                activeLineColor: string;
+            };
+        };
+    }>> & Readonly<{
+        "onMouse-move"?: ((event: import('./props').MouseMoveEvent) => any) | undefined;
+    }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        'mouse-move': (event: import('./props').MouseMoveEvent) => boolean;
+    }, import('vue').PublicProps, {
+        status: import('./props').TrendChartStatus;
+        grid: import('./props').Grid;
+        padding: string;
+        dataset: import('./props').DataSet;
+        theme: import('./props').Theme;
+        labels: import('./props').Labels;
+        interactive: boolean;
+    }, true, {}, {}, {
+        TrendChartGrid: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            boundary: {
+                required: boolean;
+                type: import('vue').PropType<import('./props').Boundary>;
+                default: () => void;
+            };
+            verticalLines: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            verticalLinesNumber: {
+                default: number;
+                type: NumberConstructor;
+            };
+            horizontalLines: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            horizontalLinesNumber: {
+                default: number;
+                type: NumberConstructor;
+            };
+        }>, () => import('vue').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<{
+            boundary: {
+                required: boolean;
+                type: import('vue').PropType<import('./props').Boundary>;
+                default: () => void;
+            };
+            verticalLines: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            verticalLinesNumber: {
+                default: number;
+                type: NumberConstructor;
+            };
+            horizontalLines: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            horizontalLinesNumber: {
+                default: number;
+                type: NumberConstructor;
+            };
+        }>> & Readonly<{}>, {
+            boundary: import('./props').Boundary;
+            verticalLines: boolean;
+            verticalLinesNumber: number;
+            horizontalLines: boolean;
+            horizontalLinesNumber: number;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        TrendChartLabels: import('vue').DefineComponent<{
+            boundary: import('./props').Boundary;
+            yLabelsTextFormatter: Function;
+            minValue?: number | undefined;
+            maxValue?: number | undefined;
+            xLabels?: unknown[] | undefined;
+            yLabels?: number | undefined;
+        }, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+            [key: string]: any;
+        }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+            boundary: import('./props').Boundary;
+            yLabelsTextFormatter: Function;
+            minValue?: number | undefined;
+            maxValue?: number | undefined;
+            xLabels?: unknown[] | undefined;
+            yLabels?: number | undefined;
+        }> & Readonly<{}>, {
+            boundary: import('./props').Boundary;
+            yLabelsTextFormatter: Function;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        TrendChartCurve: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            boundary: {
+                required: boolean;
+                type: import('vue').PropType<import('./props').Boundary>;
+                default: () => void;
+            };
+            minValue: {
+                required: boolean;
+                type: NumberConstructor;
+            };
+            maxValue: {
+                required: boolean;
+                type: NumberConstructor;
+            };
+            maxAmount: {
+                required: boolean;
+                type: NumberConstructor;
+            };
+            activeLineParams: {
+                type: import('vue').PropType<{
+                    index: number;
+                } | null>;
+            };
+            data: {
+                required: boolean;
+                type: import('vue').PropType<number[]>;
+                default: () => never[];
+            };
+            className: {
+                type: import('vue').PropType<string>;
+            };
+            smooth: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            stroke: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            fill: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            showPoints: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            theme: {
+                type: import('vue').PropType<import('./props').CurveTheme>;
+            };
+            mainTheme: {
+                type: import('vue').PropType<import('./props').CurveTheme>;
+            };
+        }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            boundary: {
+                required: boolean;
+                type: import('vue').PropType<import('./props').Boundary>;
+                default: () => void;
+            };
+            minValue: {
+                required: boolean;
+                type: NumberConstructor;
+            };
+            maxValue: {
+                required: boolean;
+                type: NumberConstructor;
+            };
+            maxAmount: {
+                required: boolean;
+                type: NumberConstructor;
+            };
+            activeLineParams: {
+                type: import('vue').PropType<{
+                    index: number;
+                } | null>;
+            };
+            data: {
+                required: boolean;
+                type: import('vue').PropType<number[]>;
+                default: () => never[];
+            };
+            className: {
+                type: import('vue').PropType<string>;
+            };
+            smooth: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            stroke: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            fill: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            showPoints: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+            theme: {
+                type: import('vue').PropType<import('./props').CurveTheme>;
+            };
+            mainTheme: {
+                type: import('vue').PropType<import('./props').CurveTheme>;
+            };
+        }>> & Readonly<{}>, {
+            fill: boolean;
+            data: number[];
+            stroke: boolean;
+            smooth: boolean;
+            boundary: import('./props').Boundary;
+            showPoints: boolean;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        dataset: {
+            required: boolean;
+            type: import('vue').PropType<import('./props').DataSet>;
+            default: () => never[];
+        };
+        status: {
+            type: import('vue').PropType<import('./props').TrendChartStatus>;
+            default: undefined;
+        };
+        grid: {
+            default: null;
+            type: import('vue').PropType<import('./props').Grid>;
+        };
+        labels: {
+            default: null;
+            type: import('vue').PropType<import('./props').Labels>;
+        };
+        max: {
+            type: NumberConstructor;
+        };
+        min: {
+            type: NumberConstructor;
+        };
+        padding: {
+            default: string;
+            type: StringConstructor;
+            validator(val: string): boolean;
+        };
+        interactive: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        theme: {
+            type: import('vue').PropType<import('./props').Theme>;
+            default: () => {
+                activeLineColor: string;
+            };
+        };
+    }>> & Readonly<{
+        "onMouse-move"?: ((event: import('./props').MouseMoveEvent) => any) | undefined;
+    }>, () => VNode, {}, {}, {}, {
+        status: import('./props').TrendChartStatus;
+        grid: import('./props').Grid;
+        padding: string;
+        dataset: import('./props').DataSet;
+        theme: import('./props').Theme;
+        labels: import('./props').Labels;
+        interactive: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    dataset: {
+        required: boolean;
+        type: import('vue').PropType<import('./props').DataSet>;
+        default: () => never[];
+    };
+    status: {
+        type: import('vue').PropType<import('./props').TrendChartStatus>;
+        default: undefined;
+    };
+    grid: {
+        default: null;
+        type: import('vue').PropType<import('./props').Grid>;
+    };
+    labels: {
+        default: null;
+        type: import('vue').PropType<import('./props').Labels>;
+    };
+    max: {
+        type: NumberConstructor;
+    };
+    min: {
+        type: NumberConstructor;
+    };
+    padding: {
+        default: string;
+        type: StringConstructor;
+        validator(val: string): boolean;
+    };
+    interactive: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    theme: {
+        type: import('vue').PropType<import('./props').Theme>;
+        default: () => {
+            activeLineColor: string;
+        };
+    };
+}>> & Readonly<{
+    "onMouse-move"?: ((event: import('./props').MouseMoveEvent) => any) | undefined;
+}>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'mouse-move': (event: import('./props').MouseMoveEvent) => boolean;
+}, string, {
+    status: import('./props').TrendChartStatus;
+    grid: import('./props').Grid;
+    padding: string;
+    dataset: import('./props').DataSet;
+    theme: import('./props').Theme;
+    labels: import('./props').Labels;
+    interactive: boolean;
+}, {}, string, {}, {
+    TrendChartGrid: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        boundary: {
+            required: boolean;
+            type: import('vue').PropType<import('./props').Boundary>;
+            default: () => void;
+        };
+        verticalLines: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        verticalLinesNumber: {
+            default: number;
+            type: NumberConstructor;
+        };
+        horizontalLines: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        horizontalLinesNumber: {
+            default: number;
+            type: NumberConstructor;
+        };
+    }>, () => import('vue').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<{
+        boundary: {
+            required: boolean;
+            type: import('vue').PropType<import('./props').Boundary>;
+            default: () => void;
+        };
+        verticalLines: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        verticalLinesNumber: {
+            default: number;
+            type: NumberConstructor;
+        };
+        horizontalLines: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        horizontalLinesNumber: {
+            default: number;
+            type: NumberConstructor;
+        };
+    }>> & Readonly<{}>, {
+        boundary: import('./props').Boundary;
+        verticalLines: boolean;
+        verticalLinesNumber: number;
+        horizontalLines: boolean;
+        horizontalLinesNumber: number;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    TrendChartLabels: import('vue').DefineComponent<{
+        boundary: import('./props').Boundary;
+        yLabelsTextFormatter: Function;
+        minValue?: number | undefined;
+        maxValue?: number | undefined;
+        xLabels?: unknown[] | undefined;
+        yLabels?: number | undefined;
+    }, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+        boundary: import('./props').Boundary;
+        yLabelsTextFormatter: Function;
+        minValue?: number | undefined;
+        maxValue?: number | undefined;
+        xLabels?: unknown[] | undefined;
+        yLabels?: number | undefined;
+    }> & Readonly<{}>, {
+        boundary: import('./props').Boundary;
+        yLabelsTextFormatter: Function;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    TrendChartCurve: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        boundary: {
+            required: boolean;
+            type: import('vue').PropType<import('./props').Boundary>;
+            default: () => void;
+        };
+        minValue: {
+            required: boolean;
+            type: NumberConstructor;
+        };
+        maxValue: {
+            required: boolean;
+            type: NumberConstructor;
+        };
+        maxAmount: {
+            required: boolean;
+            type: NumberConstructor;
+        };
+        activeLineParams: {
+            type: import('vue').PropType<{
+                index: number;
+            } | null>;
+        };
+        data: {
+            required: boolean;
+            type: import('vue').PropType<number[]>;
+            default: () => never[];
+        };
+        className: {
+            type: import('vue').PropType<string>;
+        };
+        smooth: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        stroke: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        fill: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        showPoints: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        theme: {
+            type: import('vue').PropType<import('./props').CurveTheme>;
+        };
+        mainTheme: {
+            type: import('vue').PropType<import('./props').CurveTheme>;
+        };
+    }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        boundary: {
+            required: boolean;
+            type: import('vue').PropType<import('./props').Boundary>;
+            default: () => void;
+        };
+        minValue: {
+            required: boolean;
+            type: NumberConstructor;
+        };
+        maxValue: {
+            required: boolean;
+            type: NumberConstructor;
+        };
+        maxAmount: {
+            required: boolean;
+            type: NumberConstructor;
+        };
+        activeLineParams: {
+            type: import('vue').PropType<{
+                index: number;
+            } | null>;
+        };
+        data: {
+            required: boolean;
+            type: import('vue').PropType<number[]>;
+            default: () => never[];
+        };
+        className: {
+            type: import('vue').PropType<string>;
+        };
+        smooth: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        stroke: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        fill: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        showPoints: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+        theme: {
+            type: import('vue').PropType<import('./props').CurveTheme>;
+        };
+        mainTheme: {
+            type: import('vue').PropType<import('./props').CurveTheme>;
+        };
+    }>> & Readonly<{}>, {
+        fill: boolean;
+        data: number[];
+        stroke: boolean;
+        smooth: boolean;
+        boundary: import('./props').Boundary;
+        showPoints: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+} & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: import('vue').App): void;
+};
+export { TrendChart as default };

package/dist/{componets → components}/trend-chart/props.d.ts

@@ -1,5 +1,6 @@
 import { ExtractPropTypes, PropType } from 'vue';
 import { CSSColor } from '../../_props/css';
+export type TrendChartStatus = 'primary' | 'success' | 'warning' | 'strong' | 'danger' | 'info';
 export type Padding = {
     top: number | string;
     right: number | string;
@@ -10,12 +11,10 @@ export type Point = {
     x: number;
     y: number;
 };
-export type PointValue = number | {
-    value: number;
-};
+export type PointValue = number;
 export type MouseMoveEvent = {
     index: number;
-    data: PointValue[];
+    data: PointValue;
 } | null;
 export type Boundary = {
     minX: number;
@@ -24,22 +23,12 @@ export type Boundary = {
     maxY: number;
 };
 export type DataSetTheme = {};
-export type DataSets = {
-    data: number[] | {
-        value: number;
-    }[];
-    fill: boolean;
-    stroke: boolean;
-    smooth: boolean;
-    showPoints: boolean;
-    className: string;
-    theme: DataSetTheme;
-}[];
+export type DataSet = number[];
 export type Grid = {
-    verticalLines: boolean;
-    verticalLinesNumber: number;
-    horizontalLines: boolean;
-    horizontalLinesNumber: number;
+    verticalLines?: boolean;
+    verticalLinesNumber?: number;
+    horizontalLines?: boolean;
+    horizontalLinesNumber?: number;
 };
 export type Labels = {
     xLabels: string[];
@@ -56,9 +45,12 @@ export type CurveTheme = {
         color?: CSSColor;
         opacity?: number;
     };
-    point?: {};
+    point?: {
+        width?: number;
+        color?: CSSColor;
+        opacity?: number;
+    };
 };
-export type MainTheme = {};
 export interface Theme extends CurveTheme {
     color?: CSSColor;
     axisLine?: {
@@ -68,9 +60,14 @@ export interface Theme extends CurveTheme {
     };
 }
 export declare const trendChartProps: {
-    datasets: {
+    dataset: {
         required: boolean;
-        type: PropType<DataSets>;
+        type: PropType<DataSet>;
+        default: () => never[];
+    };
+    status: {
+        type: PropType<TrendChartStatus>;
+        default: undefined;
     };
     grid: {
         default: null;
@@ -121,11 +118,13 @@ export declare const trendChartCurveProps: {
         type: NumberConstructor;
     };
     activeLineParams: {
-        type: ObjectConstructor;
+        type: PropType<{
+            index: number;
+        } | null>;
     };
     data: {
         required: boolean;
-        type: PropType<PointValue[]>;
+        type: PropType<number[]>;
         default: () => never[];
     };
     className: {